@charset "utf-8";

img {
    max-width: 100%;
}

.point_color_text {
    color: #3686d6;
}

p.point{
    color: #3686d6;
    margin-top: 15px;
    
}

.table-scrollwrap{
    padding: 0;
    width: 100%;
    overflow: auto;
    
}


@media all and (min-width:1025px) {
    #wrap {
        padding-top: 124px;
    }

    #header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 200;
        overflow: hidden;
        height: 124px;
        transition: 0.3s;
        padding: 0 15px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    }

    /*kor_eng*/
    #header div.kor_eng {
        width: 100%;
        position: absolute;
        top: 19px;
        z-index: 999;
        font-size: 14px;
        padding-right: 25px;
    }

    #header div.kor_eng div.kor_eng_inner {
        width: 1520px;
        border: 0px solid yellow;
        margin: 0 auto;
        text-align: right;
    }

    #header div.kor_eng div.kor_eng_inner a.kor {
        border: 0px solid red;
        color: #000;
        font-weight: 500;
    }

    #header div.kor_eng div.kor_eng_inner a.space {
        font-size: 12px;
    }

    #header div.kor_eng div.kor_eng_inner a.eng {
        border: 0px solid orange;
    }


    #header:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        top: 124px;
        height: 1px;
        background: #ebebeb;
    }

    #header .inner {
        max-width: 1520px;
        margin: 0 auto;
        position: relative;
        height: 122px;
        font-size: 0;
        text-align: center;
        padding: 0 176px 0 234px;
        z-index: 10;
        white-space: nowrap;
    }

    #header .logo {
        position: absolute;
        /*left:0;*/
        left: 1px;
        top: 26px;
    }

    /* #header .logo a {display:block;width:234px;height:56px;text-indent:-9999px;background:url(../images/logo.png) no-repeat 0 50%;background-size:contain;text-align:left;} */
    #header .logo a {
        display: block;
        width: 187px;
        height: 77px;
        text-indent: -9999px;
        background: url(../images/logo_0207.png) no-repeat 0 50%;


        text-align: left;
    }

    #header .gnb {
        padding-top: 12px;
        width: 100%;
        display: flex;
    }

    #header .gnb > li {


        position: relative;

        width: 25%;
    }

    #header .gnb > li > a {
        display: block;
        height: 112px;
        line-height: 112px;
        font-size: 22px;
        color: #000;
        padding: 0 18px;
        letter-spacing: -0.05em;
        transition: 0.3s;
        font-family: 'NanumSquareNeo';
        font-weight: 600;

    }

    #header .gnb > li > a > span {
        display: block;
        position: relative;
    }

    #header .gnb > li > a > span:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 4px;
        background: #000;
        transition: 0.3s;
        opacity: 0;
    }

    #header .gnb > li > ul {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        padding-top: 15px;
        height: 300px;
    }




    #header .gnb > li > ul > li ~ li {
        margin-top: 10px;

    }

    #header .gnb > li > ul > li > a {
        display: block;
        font-size: 19px;

        letter-spacing: -0.05em;
        height: 35px;
        font-family: 'NanumSquareNeo';
        line-height: 35px;
    }

    #header .gnb > li:hover > a,
    #header .gnb > li.active > a {
        color: #ff0000;
    }

    #header .gnb > li:hover > a > span:before,
    #header .gnb > li.active > a > span:before {
        left: 0;
        width: 100%;
        opacity: 1;
    }

    #header .gnb > li > ul > li:hover > a,
    #header .gnb > li > ul > li.active > a {
        color: #ff0000;
    }

    #header .sns {
        position: absolute;
        right: 55px;
        top: 61px;
        white-space: nowrap;
    }

    #header .sns li {
        display: inline-block;
        vertical-align: top;
    }

    #header .sns li ~ li {
        margin-left: 20px;
    }

    #header .sns li a {
        display: block;
        color: #333;
        font-size: 18px;
    }

    #header .mnu {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 54px;
        background: none;
        border: none;
    }

    #header .mnu:before,
    #header .mnu:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        background: #000;
        transition: 0.3s;
    }

    #header .mnu:before {
        bottom: 50%;
        margin-bottom: 10px;
    }

    #header .mnu:after {
        top: 50%;
        margin-top: 10px;
    }

    #header .mnu i {
        display: block;
        width: 21px;
        height: 2px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -1px;
        background: #000;
        transition: 0.3s;
    }

    .gnbOn #header {
        height: 400px;
        z-index: 99999;
    }

    .gnbOn #header .mnu:before {
        margin-bottom: -1px;
        transform: rotate(225deg);
    }

    .gnbOn #header .mnu:after {
        margin-top: -1px;
        transform: rotate(-225deg);
    }

    .gnbOn #header .mnu i {
        width: 0;
        opacity: 0;
    }
}


@media all and (max-width:1555px){
    
#header div.kor_eng div.kor_eng_inner {
        width: 100%;
        border: 0px solid yellow;
        margin: 0 auto;
        text-align: right;
    padding-right: 5px;
    }
    
}




@media all and (min-width:1025px) and (max-width:1240px) {
    #header .inner {
        padding: 0 106px 0 234px;
    }

    #header .gnb > li > a {
        padding: 0 10px;
        font-size: 18px;
    }

    #header .sns {
        top: 30px;
        right: 0;
    }

    #header .sns li ~ li {
        margin-left: 15px;
    }

    #header .mnu {
        top: 62px;
    }

   
}

@media all and (max-width:1024px) {
    #wrap {
        padding-top: 55px;
    }

    #header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 200;
        overflow: hidden;
        height: 55px;
        transition: 0.3s;
        padding: 0 15px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    }

    #header .inner {
        position: relative;
        height: 55px;
    }

    #header .logo {
        left: 0;
        top: 46%;
        margin-top: -18px;
        position: absolute;
        z-index: 400;
    }

    #header .logo a {
        display: block;
        width: 165px;
        height: 38px;
        text-indent: -9999px;
        background: url(/images/logo_0210.png) no-repeat 0 50%;

        text-align: left;

        margin-top: 2px;
    }

    #header .nav {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 300;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        background: #fff;
        padding-top: 55px;
    }

    #header .nav div.kor_eng_inner {
        border: 0px solid red;
        padding-top: 10px;
        padding-left: 15px;
    }

    #header .nav div.kor_eng_inner a {
        border: 0px solid orange;
    }

    #header .nav div.kor_eng_inner a.kor {
        font-weight: 500;
        color: #000;
    }

    #header .nav .gnb {
        border-top: 1px solid #ddd;
        padding-top: 20px;
        border: 0px solid red;
    }

    #header .nav .gnb a {
        display: block;
        letter-spacing: -0.05em;
    }

    #header .nav .gnb > li {
        border-bottom: 1px solid #ddd;
    }

    #header .nav .gnb > li > a {
        font-size: 18px;
        padding: 15px;
        color: #333;
        position: relative;
    }

    #header .nav .gnb > li > a:before {
        content: "\f105";
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -0.5em;
        line-height: 1em;
        font-family: axicon;
        font-style: normal;
        color: #999;
    }

    #header .nav .gnb > .chi > a:before {
        content: "\f107";
    }

    #header .nav .gnb > li > ul {
        border-top: 1px solid #ddd;
        padding: 10px 0;
        background: #eee;
        display: none;
    }

    #header .nav .gnb > li > ul > li > a {
        font-size: 16px;
        padding: 4px 15px 4px 20px;
        color: #666;
    }

    #header .nav .gnb > li > ul > li > ul {
        padding: 0 0 5px;
    }

    #header .nav .gnb > li > ul > li > ul > li > a {
        font-size: 15px;
        padding: 2px 15px 2px 25px;
        color: #999;
    }

    #header .nav .gnb > li > ul > li > ul > li > a:before {
        content: "- ";
    }

    #header .nav .gnb > .active > a {
        color: #ff0000;
    }

    #header .nav .gnb > .active.chi > a:before {
        content: "\f106";
    }

    #header .nav .gnb > .active > ul {
        display: block;
    }

    #header .nav .gnb > li > ul > li.active > a {
        color: #ff0000;
    }

    #header .nav .gnb > li > ul > li > ul > li.active > a {
        color: #333;
        text-decoration: none !important;
    }

    #header .nav .lang > button {
        display: none;
    }

    #header .sns {
        text-align: center;
        margin-top: 30px;
    }

    #header .sns li {
        display: inline-block;
        vertical-align: top;
    }

    #header .sns li ~ li {
        margin-left: 15px;
    }

    #header .sns li a {
        display: block;
        color: #333;
        font-size: 20px;
    }

    #header .mnu {
        width: 24px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -15px;
        background: none;
        border: none;
        z-index: 400;
    }

    #header .mnu:before,
    #header .mnu:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        background: #000;
        transition: 0.3s;
    }

    #header .mnu:before {
        bottom: 50%;
        margin-bottom: 7px;
    }

    #header .mnu:after {
        top: 50%;
        margin-top: 7px;
    }

    #header .mnu i {
        display: block;
        width: 21px;
        height: 2px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -1px;
        background: #000;
        transition: 0.3s;
    }

    .navOn #header .mnu:before {
        margin-bottom: -1px;
        transform: rotate(225deg);
    }

    .navOn #header .mnu:after {
        margin-top: -1px;
        transform: rotate(-225deg);
    }

    .navOn #header .mnu i {
        width: 0;
        opacity: 0;
    }

    .navOn #header .nav {
        visibility: visible;
        opacity: 1;
    }

    #header div.kor_eng {
        display: none;
    }

}




#footer {
    background: #f8f8fa;
    padding: 40px 15px;
    position: relative;
    z-index: 100;
}

#footer .inner {
    max-width: 1256px;
    margin: 0 auto;
    position: relative;
}

#footer address {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6em;
    color: #717171;
}

#footer .fam {
    position: absolute;
    right: 0;
    top: 0;
    width: 190px;
}

#footer .fam button {
    display: block;
    width: 100%;
    border: 1px solid #777;
    border-radius: 3px;
    position: relative;
    height: 35px;
    background: #fff;
    font-size: 14px;
    color: #888;
    padding: 0 10px;
    text-align: left;
    letter-spacing: -0.05em;
}

#footer .fam button:before {
    content: "\f106";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1em;
    color: #333;
    font-family: axicon;
}

#footer .fam ul {
    display: none;
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: -1px;
    width: 100%;
    border: 1px solid #777;
    background: #fff;
    padding: 10px 0;
    border-radius: 3px;
}

#footer .fam ul li a {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
}

#footer .fam ul li a:hover {
    color: #000;
    text-decoration: underline;
}

#footer .fam.active button:before {
    content: "\f107";
}

#footer .fam.active ul {
    display: block;
}

@media all and (max-width:1024px) {
    #footer {
        padding: 30px 15px;
    }

    #footer .fam {
        position: relative;
        width: auto;
    }

    #footer .fam button {
        height: 35px;
        font-size: 13px;
    }

    #footer .fam ul li a {
        font-size: 13px;
    }

    #footer address {
        font-size: 12px;
        line-height: 1.5em;
        margin-top: 15px;
    }

    #footer address span {
        display: block;
    }
}

.backdrop {

    /* background: url(../images/backdrop.jpg) no-repeat 95% 0%;*/

    background-size: cover;

    background-attachment: fixed;


}



#vis {
    background: url(../images/asia_mainbg02.png) no-repeat 90% 0%;
    height: 500px;
    font-size: 0;
    white-space: nowrap;
    margin-top: -3px;

    background-size: contain;
    display: flex;
    align-items: center;
    backdrop-filter: brightness(0.7);
    mix-blend-mode: screen;
}

#vis:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

#vis dl {
    width: 1256px;
    margin: 0 auto;
}

#vis dl > * {

    letter-spacing: -0.075em;
    line-height: 1.2em;
}

#vis dl dt {
    font-size: 50px;
    font-weight: 700;
}

#vis dl dd {
    font-size: 45px;
    font-weight: 300;

}

@media all and (max-width:1024px) {
    #vis {
        height: 80vw;
    }
    
    #vis dl{
           
    
    margin-top: 44%;
        
    }

    #vis dl dt {
        font-size: 7vw;
        text-align: center;
    }

    #vis dl dd {
        font-size: 5.6vw;
        text-align: center;
    }
}

#trend {
    overflow: hidden;
    padding: 100px 15px 0;
    height: 830px;
}

#trend .inner {
    max-width: 1256px;
    position: relative;
    padding-left: 490px;
    margin: 0 auto;
}

#trend .head {
    color: #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

#trend .head .tit dl dt {
    font-size: 18px;
    font-weight: 300;
}

#trend .head .tit dl dd {
    font-size: 76px;
    font-weight: 900;
    letter-spacing: -0.075em;
}

#trend .head .tit p {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 300;
    margin-top: 15px;
    letter-spacing: -0.075em;
}

#trend .link {
    margin-top: 75px;
}

#trend .link li ~ li {
    margin-top: 32px;
}

#trend .link li a {
    display: inline-block;
    font-size: 28px;
    font-weight: 300;
    color: #000;
    letter-spacing: -0.075em;
    position: relative;
    padding-left: 48px;
}

#trend .link li a:before {
    content: "";
    display: block;
    width: 37px;
    height: 37px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18.5px;
    background: url(/images/ico-trend1.png) no-repeat 50% 50%;
    background-size: contain;
}

#trend .link .link2 a:before {
    background-image: url(/images/news.png);
}

#trend .link .link3 a:before {
    background-image: url(/images/column.png);
}

#trend .link li a:hover {
    color: #d1003b;
}

#trend .link li a:hover:before {
    background-image: url(/images/ico-trend1on.png);
}

#trend .link .link2 a:hover:before {
    background-image: url(/images/news_on.png);
}

#trend .link .link3 a:hover:before {
    background-image: url(/images/column_on.png);
}

#trend .foot {
    margin-top: 75px;
    font-size: 0;
}

#trend .foot * {
    display: inline-block;
    vertical-align: baseline;
}

#trend .foot .prev,
#trend .foot .next {
    background: none;
    border: none;
    font-size: 24px;
}

#trend .foot .page {
    font-size: 22px;
    color: #000;
    width: auto;
    padding: 0 17px;
    position: relative;
    top: -2px;
    font-weight: 300;
}

#trend .foot .page span:before {
    content: "0";
}

#trend .foot .page .swiper-pagination-total {
    color: #989898;
}

#trend .area {
    overflow: visible;
}

#trend .area:before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    width: 2000px;
    height: 120%;
    background: #fff;
    z-index: 5;
}

#trend .area .box {
    position: relative;
    display: block;
}

#trend .area .box .img span {
    display: block;
    height: 460px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

#trend .area .box .flt {
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    padding: 0 40px;
}

#trend .area .box .flt .info {
    background: #1e2835;
    width: 300px;
    padding: 50px 25px 30px;
    position: relative;
}

#trend .area .box .flt .info h4 {
    position: absolute;
    left: 0;
    top: -10px;
    color: #fff;
    height: 32px;
    line-height: 32px;
    background: #15beb9;
    min-width: 120px;
    padding: 0 15px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
}

#trend .area .box .flt .info h5 {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.075em;
    position: relative;
    padding-bottom: 40px;
    color: #fff;
}

#trend .area .box .flt .info h5:before {
    content: "";
    display: block;
    width: 46px;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
}

#trend .area .box .flt .info .desc {
    padding-top: 20px;
    display: none;
}

#trend .area .box .flt .info .desc dl {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#trend .area .box .flt .info .desc dl ~ dl {
    margin-top: 10px;
}

#trend .area .box .flt .info .desc dl > * {
    display: table-cell;
    vertical-align: top;
    color: #fff;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: 300;
}

#trend .area .box .flt .info .desc dl dt {
    width: 80px;
}

#trend .area .box.swiper-slide-active .flt .info .desc {
    display: block;
}

@media all and (max-width:1240px) {
    #trend .inner {
        padding-left: 400px;
    }
}

@media all and (max-width:1024px) {
    #trend {
        padding: 30px 15px;
        height: auto;
        position: relative;
    }

    #trend .inner {
        padding: 0 0 60px;
    }

    #trend .head {
        position: static;
        text-align: center;
    }

    #trend .head .tit dl dt {
        font-size: 14px;
        margin-bottom: 5px;
    }

    #trend .head .tit dl dd {
        font-size: 40px;
    }

    #trend .head .tit p {
        font-size: 16px;
    }

    #trend .link {
        margin-top: 20px;
    }

    #trend .link li {
        display: inline-block;
        vertical-align: top;
    }

    #trend .link li ~ li {
        margin: 0 0 0 15px;
    }

    #trend .link li a {
        font-size: 16px;
        padding-left: 26px;
    }

    #trend .link li a:before {
        width: 24px;
        height: 24px;
        margin-top: -12px;
    }

    #trend .foot {
        margin-top: 0;
        font-size: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    #trend .foot .page {
        font-size: 16px;
        padding: 0 12px;
        top: -4px;
    }

    #trend .area {
        margin-top: 30px;
        padding: 0 20px;
    }

    #trend .area:before {
        display: none;
    }

    #trend .area .box .img span {
        height: 300px;
    }

    #trend .area .box .flt {
        bottom: -20px;
        padding: 0 20px;
    }

    #trend .area .box .flt .info {
        width: auto;
        padding: 35px 15px 20px;
    }

    #trend .area .box .flt .info h5 {
        font-size: 24px;
        padding-bottom: 12px;
    }

    #trend .area .box .flt .info h5:before {
        width: 40px;
        height: 2px;
    }

    #trend .area .box .flt .info .desc {
        padding-top: 15px;
    }

    #trend .area .box .flt .info .desc dl ~ dl {
        margin-top: 3px;
    }

    #trend .area .box .flt .info .desc dl > * {
        font-size: 13px;
    }

    #trend .area .box .flt .info .desc dl dt {
        width: 60px;
    }
}

#map {
    position: relative;
    z-index: 10;
}

#map .flt {
    position: absolute;
    right: 50%;
    margin-right: 310px;
    top: -60px;
    width: 320px;
    height: 460px;
    background: linear-gradient(45deg, #50aaff 0%, #4566ff 100%);
    z-index: 10;
    padding: 36px 20px 0 30px;
    color: #fff;
}

#map .flt dl dt {
    font-size: 18px;
}

#map .flt dl dd {
    font-size: 30px;
    font-weight: bold;
    margin-top: 7px;
    letter-spacing: -0.05em;
}

#map .flt p {
    font-size: 14px;
    line-height: 1.7em;
    margin-top: 20px;
}

#map .flt ul {
    margin-top: 35px;
}

#map .flt ul li {
    position: relative;
    padding-left: 14px;
    font-size: 20px;
}

#map .flt ul li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    background: #fff;
}

#map .flt ul li ~ li {
    margin-top: 14px;
}

#loc {
    background: url(../images/map.png) no-repeat 50% 0;
    position: relative;
}

#loc:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

#loc .inner {
    height: 700px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

#loc a {
    display: inline-block;
    height: 33px;
    line-height: 31px;
    background: #fff;
    border: 1px solid #92a8c4;
    padding: 0 12px;
    font-size: 14px;
    color: #000;
    letter-spacing: -0.075em;
    position: absolute;
    z-index: 10;
}

#loc a:after {
    content: "\f105";
    font-family: axicon;
    display: inline-block;
    margin-left: 20px;
    color: #ee1f1f;
}

#loc .loc1 {
    right: 174px;
    top: 280px;
}

#loc .loc2 {
    right: 5px;
    top: 280px;
}

#loc .loc3 {
    right: 290px;
    top: 404px;
}

#loc .loc4 {
    right: 225px;
    top: 479px;
}

#loc.loc1:before {
    background-image: url(../images/map1.png);
}

#loc.loc2:before {
    background-image: url(../images/map2.png);
}

#loc.loc3:before {
    background-image: url(../images/map3.png);
}

#loc.loc4:before {
    background-image: url(../images/map4.png);
}

@media all and (max-width:1320px) {
    #map .flt {
        right: auto;
        margin-right: 0;
        left: 15px;
    }
}




@media all and (max-width:1024px) {
    #map .flt {
        position: relative;
        right: auto;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        padding: 30px 20px;
    }

    #map .flt dl dt {
        font-size: 14px;
    }

    #map .flt dl dd {
        font-size: 24px;
    }

    #map .flt p {
        font-size: 14px;
        line-height: 1.5em;
        margin-top: 15px;
    }

    #map .flt ul {
        margin-top: 35px;
    }

    #map .flt ul li {
        font-size: 18px;
        padding-left: 10px;
    }

    #map .flt ul li:before {
        width: 4px;
        height: 4px;
        margin-top: -2px;
    }

    #map .flt ul li ~ li {
        margin-top: 10px;
    }

    #loc {
        background-size: cover;
        background-position: 70% 0;
    }

    #loc:before {
        background-size: cover;
        background-position: 70% 0;
    }

    #loc .inner {
        height: auto;
        padding-top: 100%;
        background-size: cover;
    }

    #loc a:after {
        margin-left: 15px;
    }

    #loc .loc1 {
        right: 36%;
        top: 37.2%;
    }

    #loc .loc2 {
        right: 6.5%;
        top: 37%;
    }

    #loc .loc3 {
        right: 52%;
        top: 59%;
    }

    #loc .loc4 {
        right: 40%;
        top: 69%;
    }
}

#news {
    padding: 60px 15px 70px;
}

#news .inner {
    max-width: 1256px;
    margin: 0 auto;
}

#news .tit {
    text-align: center;
    margin-bottom: 45px;
}

#news .tit > * {
    display: block;
}

#news .tit span {
    font-size: 16px;
    font-weight: 300;
    color: #aaa;
}

#news .tit strong {
    font-size: 42px;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin-top: 2px;
    font-family: 'NanumSquareNeo';
}

#news .area {
    font-size: 0;
    /*margin: 0 -26px;*/
    display: flex;
    justify-content: space-between;

}

#news .area .box {
    display: inline-block;
    vertical-align: top;
    width: 24.5%;
    padding: 15px;
    border: 1px solid #ececec;


    background-color: #fff;
    border-radius: 5px;

}

#news .area .box .in {
    display: block;
}

#news .area .box .img {
    margin-bottom: 20px;
}

#news .area .box .img span {
    display: block;
    padding-top: 77%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 5px;
}

#news .area .box .info .subject {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2em;
    max-height: 2.4em;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    height: 50px;
}

#news .area .box .info .sum {
    margin-top: 13px;
    font-size: 16px;
    letter-spacing: -0.05em;
    font-weight: 300;
    line-height: 1.4em;
    /* max-height: 4.2em; */
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#news .area .box .info .date {
    font-size: 14px;
    color: #aaa;
    margin-top: 30px;
}

@media all and (min-width:1025px) {
    #news .area .box:hover {

        box-sizing: border-box;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
        border: 1px solid #15b3b9;
    }





    #news .area .box .in:hover {
        padding: 40px 20px 0;
        background: #f5f5f5;
    }

    #news .area .box .in:hover .subject {
        max-height: 3.6em;
        -webkit-line-clamp: 3;
    }

    #news .area .box .in:hover .sum {
        /* max-height: 12.6em; */
        -webkit-line-clamp: 12;
    }

    #news .area .box .in:hover .img {
        display: none;
    }
}

@media all and (max-width:1024px) {
    #news {
        padding: 30px 15px;
    }

    #news .tit {
        margin-bottom: 20px;
    }

    #news .tit span {
        font-size: 14px;
    }

    #news .tit strong {
        font-size: 24px;
       
    }

    #news .area {
        margin: 0 -5px -25px;
        
        
        
        
    }

    #news .area .box {
        width: 24.5%;
    padding: 5px 5px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    }

    #news .area .box .img {
        margin-bottom: 15px;
    }

    #news .area .box .info .subject {
        font-size: 16px;
        
    }

    #news .area .box .info .sum {
        margin-top: 10px;
        font-size: 13px;
    }

    #news .area .box .info .date {
        font-size: 13px;
        margin-top: 15px;
    }
}

#news_01 {
    padding: 60px 15px 70px;
}

#news_01 .inner {
    max-width: 1256px;
    margin: 0 auto;
}

#news_01 .tit {
    text-align: center;
    margin-bottom: 45px;
}

#news_01 .tit > * {
    display: block;
}

#news_01 .tit span {
    font-size: 16px;
    font-weight: 300;
    color: #aaa;
}

#news_01 .tit strong {
    font-size: 42px;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin-top: 2px;
    margin-bottom: -10px;
    font-family: 'NanumSquareNeo';
}

#news_01 .area {
    font-size: 0;
    /*margin: 0 -26px;*/

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;


}

#news_01 .area .box {
    display: inline-block;
    vertical-align: top;
    width: 24.5%;
    padding: 15px;
    border: 1px solid #ececec;
    margin-top: 10px;

    background-color: #fff;
    border-radius: 5px;
}

#news_01 .area .box .in {
    display: block;
}

#news_01 .area .box .img {
    margin-bottom: 20px;
}

#news_01 .area .box .img span {
    display: block;
    padding-top: 77%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

#news_01 .area .box .info .subject {
    color: #000;
    letter-spacing: -0.05em;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2em;
    max-height: 2.4em;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 55px;
    font-weight: 600;
}

#news_01 .area .box .info .sum {
    margin-top: 20px;
    font-size: 16px;
    letter-spacing: -0.05em;
    font-weight: 300;
    line-height: 1.4em;
    /* max-height: 4.2em; */
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#news_01 .area .box .info .date {
    font-size: 14px;
    color: #aaa;
    margin-top: 30px;
}

@media all and (min-width:1025px) {
    #news_01 .area .box:hover {

        box-sizing: border-box;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
        border: 1px solid #15b3b9;
    }

    #news_01 .area .box .in:hover .subject {}

    #news_01 .area .box .in:hover .sum {}

    #news_01 .area .box .in:hover .img {}
}

@media all and (max-width:1024px) {
    #news_01 {
        padding: 30px 15px;
        padding-bottom: 100px;
    }

    #news_01 .tit {
        margin-bottom: 20px;
    }

    #news_01 .tit span {
        font-size: 14px;
    }

    #news_01 .tit strong {
        font-size: 24px;
        margin-top: 10px;
    }

    #news_01 .area {
        margin: 0 -5px -25px;
    }

    #news_01 .area .box {
       width: 49.5%;
    padding: 17px 8px;
    
    }

    #news_01 .area .box .img {
        margin-bottom: 15px;
    }

    #news_01 .area .box .info .subject {
        font-size: 16px;
    }

    #news_01 .area .box .info .sum {
        margin-top: 10px;
        font-size: 13px;
    }

    #news_01 .area .box .info .date {
        font-size: 13px;
        margin-top: 15px;
    }
}





#sns {
    background: #f7f7f7;
    padding: 60px 15px 70px;
}

#sns .inner {
    max-width: 1256px;
    margin: 0 auto;
}

#sns .tit {
    position: relative;
    margin-bottom: 40px;
}

#sns .tit h3 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.05em;
}

#sns .tit .sns {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    white-space: nowrap;
}

#sns .tit .sns li {
    display: inline-block;
    vertical-align: top;
}

#sns .tit .sns li ~ li {
    margin-left: 37px;
}

#sns .tit .sns li a {
    display: block;
}

#sns .tit .sns li a > * {
    display: inline-block;
    vertical-align: middle;
}

#sns .tit .sns li a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #e6e6e6;
    text-align: center;
    font-size: 18px;
    margin-right: 10px;
}

#sns .tit .sns li a span {
    font-size: 14px;
}

#sns .area {
    font-size: 0;
    margin: 0 -26px;
}

#sns .area .box {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 26px;
}

#sns .area .box .in {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

#sns .area .box .img {
    overflow: hidden;
    border-radius: 0 0 10px 10px;
}

#sns .area .box .img span {
    display: block;
    padding-top: 84.115523%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

#sns .area .box .info {
    position: relative;
    padding: 27px 20px 20px;
    background: #fff;
}

#sns .area .box .info .ico i {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background: #973389;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: -18px;
}

#sns .area .box .info .ico.youtube i {
    background: #e50039;
}

#sns .area .box .info .ico.face i {
    background: #3d56a8;
}

#sns .area .box .info .subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #555;
    letter-spacing: -0.05em;
}

#sns .area .box .info .date {
    color: #6b7e92;
    font-size: 13px;
    margin-top: 10px;
}

#sns .area .box .info .date > * {
    display: inline-block;
    vertical-align: top;
}

#sns .area .box .info .date i {
    margin-right: 3px;
    font-size: 15px;
}

@media all and (max-width:1024px) {
    #sns {
        padding: 30px 15px;
    }

    #sns .tit {
        text-align: center;
        margin-bottom: 20px;
    }

    #sns .tit .sns {
        position: relative;
        top: 0;
        margin-top: 15px;
    }

    #sns .tit .sns li ~ li {
        margin-left: 20px;
    }

    #sns .tit .sns li a i {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
        margin-right: 5px;
    }

    #sns .tit .sns li a span {
        font-size: 13px;
    }

    #sns .area {
        margin: 0 -5px -10px;
    }

    #sns .area .box {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }

    #sns .area .box .in {
        border-radius: 5px;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    }

    #sns .area .box .img {
        border-radius: 0 0 5px 5px;
    }

    #sns .area .box .info {
        padding: 20px 15px 15px;
    }

    #sns .area .box .info .ico i {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 13px;
        left: 15px;
        top: -12px;
    }

    #sns .area .box .info .subject {
        font-size: 14px;
    }

    #sns .area .box .info .date {
        margin-top: 5px;
    }

    #sns .area .box .info .date i {
        font-size: 14px;
    }
}

#site {
    padding: 50px 15px;
}

#site .inner {
    max-width: 1256px;
    margin: 0 auto;
}

#site .box {
    text-align: center;
}

#site .box img {
    display: block;
}

#site .area {
    padding: 0 17px;
}

#site .area .prev,
#site .area .next {
    display: block;
    border: none;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 17px;
    height: 32px;
    text-indent: -9999px;
    z-index: 10;
}

#site .area .prev {
    left: 0;
    background: url(../images/site-prev.png) no-repeat 50% 50%;
    background-size: contain;
}

#site .area .next {
    right: 0;
    background: url(../images/site-next.png) no-repeat 50% 50%;
    background-size: contain;
}

@media all and (max-width:1024px) {
    #site {
        padding: 20px 15px;
    }

    #site .inner {
        padding: 0 20px;
        position: relative;
    }

    #site .area {
        padding: 0;
        position: static;
    }

    #site .area .prev,
    #site .area .next {
        margin-top: -12px;
        width: 12px;
        height: 24px;
    }
}

#svis {
    background: url(../images/svis1.jpg) no-repeat 50% 50%;
    background-size: cover;
    position: relative;
    z-index: 50;
}

#svis h2 {
    font-size: 40px;
    color: #fff;
    text-align: center;
    height: 250px;
    line-height: 180px;
    text-shadow: 3px 5px 2px rgba(0, 0, 0, 0.3);
    font-family: 'NanumSquareNeo';
    font-weight: 800;





}


@media all and (max-width:720px){
    
    #news .area{
        display: flex;
    flex-wrap: wrap;
        
    }
    
    #news .area .box{
        width:49.5%;
        
    }
    
}



/*#svis h2 {
    font-size: 36px;
    color: #000;
    font-weight: 500;
    text-align: center;
    height: 250px;
    line-height: 180px;
}*/

.sub2 #svis {
    background-image: url(../images/svis2.jpg);
}

.sub4 #svis {
    background-image: url(../images/svis4.jpg);
}

.sub5 #svis {
    background-image: url(../images/svis5.jpg);
}

.sub311 #svis {
    background-image: url(../images/brunei_bg_01.jpg);
}

.sub332 #svis {
    background-image: url(../images/indonesia_bg_01.jpg);
}

.sub323 #svis {
    background-image: url(../images/Malaysia_bg_01.jpg);
}

.sub344 #svis {
    background-image: url(../images/Philippines_bg_01.jpg);
}


#snb {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.41);
}

#snb .snb {
    max-width: 1256px;
    margin: 0 auto;
    font-size: 0;
}

#snb .snb > li {
    display: inline-block;
    position: relative;
    margin-left: -1px;
    vertical-align: top;
}

#snb .snb > li:first-child {
    margin-left: 0;
}

#snb .snb > li:first-child + li {
    margin-left: 0;
}

#snb .snb > li > a,
#snb .snb > li > span {
    display: block;
    height: 70px;
    line-height: 70px;
    border-left: 1px solid rgba(255, 255, 255, 0.38);
    position: relative;
    color: #fff;
}

#snb .snb > li > a {
    width: 70px;
    text-align: center;
    font-size: 28px;
    color: #000;
    background: #fff;
}

#snb .snb > li > span {
    font-size: 20px;
    padding: 0 60px 0 25px;
    cursor: pointer;
    min-width: 200px;
    font-family: 'NanumSquareNeo';
    font-weight: 400;
}

#snb .snb > li > span:before {
    content: "\f1af";
    font-family: axicon;
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 14px;
}

#snb .snb > li:last-child > span {
    border-right: 1px solid rgba(255, 255, 255, 0.38);
}

#snb .snb li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100%;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    box-sizing: border-box;
    padding: 15px 0;
}

#snb .snb li ul li a {
    display: block;
    font-size: 16px;
    white-space: nowrap;
    padding: 5px 25px;
    color: #999;
}

#sub {
    padding: 0 15px 100px;
    overflow: hidden;
}

#sub > .inner {
    max-width: 1256px;
    margin: 0 auto;
}

@media all and (min-width:1025px) {
    #snb .snb > li:hover > span {
        color: #fff;
    }

    #snb .snb > li:hover > span:before {
        content: "\f1b2";
    }

    #snb .snb > li:hover > ul {
        display: block;
    }

    #snb .snb li ul li a:hover {
        color: #000;
    }
}

@media all and (max-width:1024px) {
    #svis {
        padding-bottom: 34px;
    }

    #svis h2 {
        font-size: 30px;
        height: 100px;
        line-height: 100px;
    }

    #snb .snb {
        display: flex;
        padding-left: 34px;
    }

    #snb .snb > li {
        display: block;
        flex-grow: 1;
        width: 0;
        margin-left: 0;
    }

    #snb .snb > li:first-child {
        position: absolute;
        left: 0;
        top: 0;
        width: 34px;
        height: 34px;
    }

    #snb .snb > li > a,
    #snb .snb > li > span {
        height: 34px;
        line-height: 34px;
    }

    #snb .snb > li > a {
        width: 34px;
        font-size: 18px;
    }

    #snb .snb > li > span {
        font-size: 13px;
        padding: 0 30px 0 10px;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #snb .snb > li > span:before {
        right: 10px;
        font-size: 10px;
    }

    #snb .snb li ul {
        padding: 10px 0;
    }

    #snb .snb li ul li a {
        font-size: 13px;
        padding: 3px 10px;
    }

    #snb .snb > li.active > span {
        color: #fff;
    }

    #snb .snb > li.active > span:before {
        content: "\f1b2";
    }

    #snb .snb > li.active > ul {
        display: block;
    }

    #sub {
        padding: 0px 15px 60px 15px;
    }

}

.__sch {
    border: 1px solid #ddd;
    text-align: center;
    background: #f7f7f7;
    padding: 25px 15px;
    font-size: 0;
    margin-bottom: 35px;
}

.__sch select,
.__sch input[type='text'],
.__sch button {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    font-size: 16px;
    letter-spacing: -0.05em;
}

.__sch select {
    width: 210px;
    margin-right: 5px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    padding-left: 10px;
}

.__sch input[type='text'] {
    width: 450px;
    padding-left: 10px;
    border: 1px solid #ddd;
}

.__sch button {
    width: 90px;
    color: #fff;
    background: #333;
    border: none;
    margin-left: 5px;
}

.__sch button > * {
    display: inline-block;
    vertical-align: middle;
}

.__sch button i {
    font-size: 20px;
    margin-right: 5px;
}









@media all and (max-width:1024px) {
    .__sch {
        padding: 10px;
        margin-bottom: 15px;
    }

    .__sch select,
    .__sch input[type='text'],
    .__sch button {
        height: 32px;
        font-size: 14px;
    }

    .__sch select {
        width: 95px;
        margin-right: 5px;
        padding-left: 5px;
    }

    .__sch input[type='text'] {
        width: calc(100% - 55px);
        padding-left: 5px;
    }

    .__sch select + input[type='text'] {
        width: calc(100% - 155px);
    }

    .__sch button {
        width: 50px;
    }

    .__sch button i {
        display: none;
    }
}

.__topArea {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.__topArea > div {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
}

.__topArea .rig {
    text-align: right;
}

.__topArea .all span {
    color: #ca2323;
}

.__topArea .page strong {
    font-weight: normal;
}

.__topArea .page span {
    color: #ca2323;
}

@media all and (max-width:1024px) {
    .__topArea {
        margin-bottom: 10px;
    }

    .__topArea > div {
        font-size: 14px;
    }
}

.__botArea {
    margin-top: 50px;
    position: relative;
    min-height: 32px;
}

.__botArea .cen {
    text-align: center;
}

.__botArea .lef {
    position: absolute;
    left: 0;
    top: 0;
}

.__botArea .rig {
    position: absolute;
    right: 0;
    top: 0;
}

.__paging {
    font-size: 0;
}

.__paging .arr,
.__paging .num {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 32px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #ddd;
    text-align: center;
    color: #888;
    border-radius: 3px;
    z-index: 0;
    margin: 0 3px;
    position: relative;
}

.__paging .num {
    font-size: 14px;
}

.__paging .arr i {
    font-size: 18px;
    display: block;
    line-height: 31px;
}

.__paging .num:hover,
.__paging .arr:hover {
    border-color: #000;
    color: #000;
}

.__paging .num.active {
    border-color: #3e4e6f;
    color: #fff;
    background: #3e4e6f;
    font-weight: 500;
}

.__paging .prev {
    margin-right: 10px;
}

.__paging .next {
    margin-left: 10px;
}


@media all and (max-width:1000px) {
    .__botArea {
        margin-top: 20px;
        text-align: center;
    }

    .__botArea > div {
        position: relative !important;
    }

    .__botArea > div ~ div {
        margin-top: 10px;
    }

    .__paging .arr,
    .__paging .num {
        width: 30px;
        height: 30px;
        line-height: 28px;
        margin: 0 2px;
    }

    .__paging .num {
        font-size: 13px;
    }

    .__paging .arr i {
        font-size: 16px;
        line-height: 26px;
    }

    .__paging .prev {
        margin-right: 2px;
    }

    .__paging .next {
        margin-left: 2px;
    }
}

.__tblList {
    width: 100%;
    border-top: 2px solid #e50039;
    table-layout: fixed;
}

.__tblList tr > * {
    text-align: center;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
}

.__tblList tr th {
    font-weight: normal;
    background: #f9fafb;
    color: #333;
    font-size: 16px;
}

.__tblList tr td {
    font-size: 14px;
}

.__tblList .subject {
    text-align: left;
}

.__tblList .subject a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;
    display: inline-block;
    font-size: 16px;
    letter-spacing: -0.05em;
}

@media all and (max-width:1024px) {
    .__tblList.respond {
        display: block;
    }

    .__tblList.respond colgroup,
    .__tblList.respond thead {
        display: none;
    }

    .__tblList.respond tbody,
    .__tblList.respond tbody tr,
    .__tblList.respond tbody tr td {
        display: block;
    }

    .__tblList.respond tbody tr {
        display: flex;
        border-bottom: 1px solid #ddd;
        padding: 15px 0;
        flex-wrap: wrap;
    }

    .__tblList.respond tbody tr td {
        padding: 0;
        border-bottom: none;
        text-align: left;
    }

    .__tblList.respond tbody tr .subject {
        order: -1;
        width: 100%;
        margin-bottom: 5px;
    }

    .__tblList.respond tbody tr .subject a {
        font-size: 14px;
    }

    .__tblList.respond tbody tr td:not(.subject) {
        position: relative;
        margin-right: 9px;
        padding-right: 10px;
        font-size: 13px;
        color: #999;
    }

    .__tblList.respond tbody tr td:not(.subject):before {
        content: "";
        display: block;
        width: 1px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -5px;
        background: #ddd;
    }

    .__tblList.respond tbody tr td:not(.subject):last-child {
        margin-right: 0;
        padding-right: 0;
    }

    .__tblList.respond tbody tr td:not(.subject):last-child:before {
        display: none;
    }

    .__tblList.respond [data-th]:before {
        content: ""attr(data-th)" : ";
    }
}








/*about php hj*/

.brand {
    width: 1256px;
    margin: 0 auto;
    position: relative;
}

.brand .brand_con {}

.brand_list {
    width: 270px;
    height: 410px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 2px solid #08347f;
    box-sizing: border-box;
    display: none;
}

.brand_list_01 {
    width: 270px;
    height: 410px;
    position: absolute;
    top: 83px;
    right: 0;
    border-top: 2px solid #08347f;
    box-sizing: border-box;
}

.tab_brand_list li > a {
    height: 50px;
    line-height: 50px;
    border-bottom: 0;
    text-indent: 15px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-top: 0;
    font-size: 16px;
}

.tab_brand_list li > a {
    width: 100%;
    color: #000;
    display: block;
    box-sizing: border-box;
    background: #fff;
}

.tab_brand_list li > .selected {
    color: #fff;
    box-sizing: border-box;
    border: 1px solid #2e61bd;
}


.tab_brand_list_02 {
    display: flex;
    flex-direction: row;
    widows: 100%;
    margin-top: 10px;
}


.tab_brand_list_02 li {
    width: 16.66%;
    border: 1px solid;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-right: none;
    font-size: 16px;
}


.tab_brand_list_02 li:last-child {

    border-right: 1px solid;
}




.brand .renewh2 {
    
    color: #000;
    font-size: 45px;
    position: relative;
    z-index: -1;
    margin-bottom: 30px;

}


.brand .renewh2:before {
    background: #000;
    width: 8px;
    height: 44px;
    content: "";
    position: relative;
    bottom: -8px;
    display: inline-block;
    margin-right: 10px;
}




.tab_menu {
    position: relative;
}

.tab_menu .list {
    overflow: hidden;
}

.tab_menu .list li {
    float: left;

    width: calc(100%/6);
    border: 1px solid #efefef;
    padding: 10px;
    text-align: center;
}


.tab_menu01 .list li {
    float: left;

    width: calc(100%/4);
    border: 1px solid #efefef;
    padding: 10px;
    text-align: center;
}



.tab_menu02 .list li {
    float: left;

    width: calc(100%/2);
    border: 1px solid #efefef;
    padding: 10px;
    text-align: center;
}






.tab_menu .list li.is_on {
    background: black;

}



.tab_menu .list li.is_on .btn01 {
    font-weight: bold;
    color: #fff;

}

.tab_menu .list .btn01 {
    font-size: 18px;
    width: 100%;
    height: 100%;
    display: block;
    font-weight: bold;
    font-family: 'NanumSquareNeo';
}

.tab_menu .cont_area {
    margin-top: 10px;
}

.tab_menu .cont_area .cont {
    display: none;
    color: #fff;
    width: 100%;
    height: auto;

}

.tab_menu02 .cont_area .cont {
    display: none;
    color: #666;
    width: 100%;
    height: auto;

}


.bkcf-listwrap{
    border: 1px solid #ddd;
    padding: 30px;
    border-top: none;
    
}






.bkcf-list tbody{border:1px solid #ddd;}
.bkcf-list tr{color:#666;}
.bkcf-list th{color:#fff; background:#1561a1; font-family: 'NanumSquareNeo';}
.bkcf-list td{color:#666; text-align: center; font-size:18px; padding: 20px 0;}

.bkcf-list td img{display: block;
    margin: 0 auto; width:30px; margin-bottom: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}

.bkcf-list td img.map_logo{width:auto; margin-bottom: 0;}









.gae_yo > h2 {

    color: #000;
    font-size: 45px;
    position: relative;
    z-index: -1;
    font-family: 'NanumSquareNeo';
    font-weight: 900;
}

.gae_yo > h2:before {
    background: #000;
    width: 8px;
    height: 44px;
    content: "";
    position: relative;
    bottom: -8px;
    display: inline-block;
    margin-right: 10px;
}


@media all and (max-width:1000px){
    .gae_yo > h2{
        display: none;
        
    }
    
    .history > h2{
        display: none;
    }
}





.map_hj {
    margin-top: 25px;
}

.map_explain_h {
    margin-top: 50px;
    border-top: 1px solid #ccc;

}

.mm_box {
    width: 100%;
    font-size: 0;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
}

.bigg {
    
}

.mm_name {


    width: 20%;
    text-align: center;
    position: relative;
    height: 100%;
    background-color: #1561a1;
    display: flex;
    align-items: center;
    justify-content: center;

}

.mm_name:after {
    display: none;
}

.bigg .mm_name:after {
    position: absolute;
    content: "";
    background: #ccc;
    width: 1px;
    height: 130px;
    right: 0;
    top: 50%;
}

.mm_name h2 {
    font-size: 22px;
    color: #fff;
    font-family: 'NanumSquareNeo';
    font-weight: 800;
    line-height: 180px;
}


.mm_expain {
   display: inline-block;
    width: 80%;
    box-sizing: border-box;
    padding-left: 105px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.mm_expain p {
    font-size: 19px;
    padding-bottom: 5px;
    position: relative;
}





@media all and (max-width:1256px) {
    .brand {
        width: 95%;
    }

    .brand_list {
        display: none;
    }

    .bigg .mm_name:after {
        height: 50px;
    }
}

@media all and (max-width:1100px){
    .mm_expain p{
        font-size:17px;
        
    }
    
}


@media all and (max-width:1000px) {
    .brand {
        text-align: left;
    }

    .map_explain_h {
        width: 100%;
    }

    .mm_box {
        height: auto;
        
    }
    
    .mm_expain{
        padding-top: 0;    
        padding-bottom: 0;
        padding-left: 50px;
        
    }
    

    .mm_expain p {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .mm_name h2 {
        display: inline-block;
        vertical-align: top;
        
        margin-top: 5px
    }
}

@media all and (max-width:897px){
    .mm_name h2 {
        line-height:210px; 
        
    }
    
}

@media all and (max-width:688px){
    .mm_name h2 {
        line-height:230px; 
        
    }
    
}




@media all and (max-width:645px) {
    .mm_expain p {
        font-size: 13px;
    }

    .mm_name h2 {
        font-size: 16px;
        line-height: 163px;
    }

    .mm_name:after {
        display: none;
    }
}

@media all and (max-width:487px){
    .mm_box{  display: flex;
    align-items: center;
    flex-direction: column;
}
    
    .mm_name{
        width:100%;
        
    }
    
    .mm_name h2{
        line-height: 34px;
        
    }
    
    .mm_expain{
        padding: 0;
    }
    .mm_expain p{
        width:100%;
        text-align:center;
        
    }
}




@media all and (max-width:414px) {
    .mm_expain p {
        font-size: 13px;
        line-height: 145%;
        padding-bottom: 15px;
    }
    
    

}

.tab_brand_list li > .selected {
    background: rgb(46, 96, 189);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(46, 96, 189, 1) 0%, rgba(32, 124, 202, 1) 48%, rgba(43, 180, 208, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(46, 96, 189, 1) 0%, rgba(32, 124, 202, 1) 48%, rgba(43, 180, 208, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(46, 96, 189, 1) 0%, rgba(32, 124, 202, 1) 48%, rgba(43, 180, 208, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e60bd', endColorstr='#2bb4d0', GradientType=1);
}

/* IE6-9 */

.plus_box {
    display: none;
}

.plus_box a {
    display: block;
    text-decoration: none;
    background: #f6f6f6;
    color: #222;
    padding: 10px 0 10px 30px;
    position: relative;
}

.plus_box a:last-child {
    border-bottom: 1px solid #ccc;
}

.plus_box .selectedd {
    color: #06377b;
    font-weight: bold;
    cursor: pointer;
}

.plus_box a:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 1px;
    background: #06377b;
    left: 10px;
    top: 50%;
}

.plus_box {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.tab_brand_list li {
    cursor: pointer;
}


/*about2 yh*/

.purpose > h2 {
    text-indent: 20px;
    color: #000;
    font-size: 35px;
    position: relative;
    z-index: -1;
}

.purpose > h2:before {
    background: #000;
    width: 7px;
    height: 35px;
    content: "";
    left: 0;
    position: absolute;
    bottom: 8px;
}

.purpose_image {
    margin-top: 30px;
}

.purpose_contents {
    border: 5px solid #ddd;
    margin-top: 25px;
    width: 936px;
    padding: 40px 0;
    display: flex;
    align-items: center;
    position: relative;
}

.purpose_contents:before {
    position: absolute;
    content: "";
    background: #0052c1;
    height: 50px;
    width: 5px;
    left: -5px;
    ;
    top: -5px;
}

.purpose_contents:after {
    position: absolute;
    content: "";
    background: #0052c1;
    height: 5px;
    width: 50px;
    left: -5px;
    ;
    top: -5px;
}

.purpose_contents img {
    margin: 0 100px;
}

.purpose_contents p {
    font-size: 16px;
    color: #727272;
    position: relative;
}

.purpose_contents p:before {
    content: "";
    background: #9ea6b7;
    height: 5px;
    width: 5px;
    display: inline-block;
    margin: -5px 10px 0 -15px;
    vertical-align: middle;
}

@media all and (max-width:1014px) {
    .purpose_contents {
        width: 100%;
        padding: 40px 20px 40px 0;
    }

    .purpose_contents img {
        margin: 0 80px;
    }

    .purpose_contents p br {
        display: none;
    }
}

@media all and (max-width:580px) {
    .purpose_contents img {
        margin: 0 40px;
        width: 60%;
    }

    .purpose_contents p {
        font-size: 15px;
    }
}

@media all and (max-width:414px) {
    .purpose_contents img {
        margin: 0 40px 0 20px;
        width: 40%;
    }

    .purpose_contents p {
        font-size: 14px;
    }
}

@media all and (max-width:360px) {
    .purpose_contents img {
        margin: 0 40px 0 10px;
        width: 38%;
    }
}

@media all and (max-width:340px) {
    .purpose_contents img {
        margin: 0 40px 0 10px;
        width: 35%;
    }

    .purpose_contents p {
        font-size: 13px;
    }
}

/*about3 yh*/
.history > h2 {
    color: #000;
    font-size: 45px;
    position: relative;
    z-index: -1;
    font-family: 'NanumSquareNeo';
    font-weight: 900;
}

.history > h2:before {
    background: #000;
    width: 8px;
    height: 44px;
    content: "";
    position: relative;
    bottom: -8px;
    display: inline-block;
    margin-right: 10px;
}

.history_content {
    width: 936px;
    font-size: 0;
}

.history_content_left {
    border-right: 4px solid #e9eaf1;
    height: 450px;
    position: relative;
}

.history_content_left,
.history_content_right {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.history_content_left .now:after {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    left: 449px;
    top: 12px;
    border-radius: 30px;
    border: 2px solid #091d63;
}

.history_content_left_box {
    text-align: right;
    padding-top: 80px;
}

.history_content_left_box:first-child {
    padding-top: 10px;
}

.history_content_right_box {
    text-align: left;
    padding-top: 70px;
}

.history_content_left_box p,
.history_content_right_box p,
.history_content_left_box span,
.history_content_right_box span {
    display: inline-block;
    font-size: 16px;
    color: #727272;
    vertical-align: top;
}

.history_content_left_box p,
.history_content_right_box p {
    padding-top: 5px;
}

.history_content_left_box span,
.history_content_right_box span {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin: 0 30px;
    position: relative;
}

.history_content_left_box span:before {
    position: absolute;
    content: "";
    background: #01165e;
    height: 10px;
    width: 10px;
    left: 83px;
    top: 14px;
    border-radius: 10px;
}

.history_content_left_box span:before:first-child {
    position: absolute;
    content: "";
    background: #091d63;
    height: 30px;
    width: 30px;
    left: 83px;
    top: 14px;
    border-radius: 30px;
}

.history_content_right_box span:before {
    position: absolute;
    content: "";
    background: #01165e;
    height: 10px;
    width: 10px;
    left: -36px;
    top: 14px;
    border-radius: 10px;
}

.history_content_left_m {
    display: none;
}

@media all and (max-width:1014px) {
    .history_content {
        width: 100%;
    }
}

@media all and (max-width:960px) {
    .history_content {
        display: none;
    }

    .history_content_left_m {
        display: block;
        font-size: 0;
    }

    .history_content_left_m .history_content_box_m {
        width: 100%;
        border-left: 4px solid #e9eaf1;
        padding-top: 80px;
        position: relative;
    }

    .history_content_left_m .history_content_box_m:last-child {
        padding-bottom: 50px;
    }

    .history_content_left_m .history_content_box_m p,
    .history_content_left_m .history_content_box_m span {
        display: inline-block;
        font-size: 16px;
        color: #727272;
        vertical-align: top;
    }

    .history_content_left_m .history_content_box_m span {
        font-size: 24px;
        color: #000;
        font-weight: 600;
        margin: 0 30px;
    }

    .history_content_left_m .history_content_box_m span:before {
        position: absolute;
        content: "";
        background: #01165e;
        height: 10px;
        width: 10px;
        left: -7px;
        top: 95px;
        border-radius: 10px;
    }

    .history_content_left_m .history_content_box_m p {
        padding-top: 5px;
    }

    .history_content_left_m .m_now:after {
        position: absolute;
        content: "";
        height: 30px;
        width: 30px;
        left: -19px;
        top: 83px;
        border-radius: 30px;
        border: 2px solid #091d63;
        z-index: 99;
    }
}

@media all and (max-width:500px) {
    .history_content_left_m .history_content_box_m p {
        display: block;
        margin: 0 30px;
    }
}

@media all and (max-width:440px) {
    .history_content_left_m .history_content_box_m span {
        font-size: 21px;
    }

    .history_content_left_m .history_content_box_m span:before {
        top: 92px;
    }

    .history_content_left_m .history_content_box_m p {
        font-size: 15px;
    }

    .history_content_left_m .m_now:after {
        top: 80px;
    }
}

@media all and (max-width:418px) {
    .history_content_left_m .history_content_box_m p {
        font-size: 14px;
    }

    .history_content_box_m p {
        margin: 0 20px 0 30px;
    }
}

@media all and (max-width:395px) {
    .history_content_left_m .history_content_box_m p {
        font-size: 13px;
    }
}

@media all and (max-width:365px) {
    .history_content_left_m .history_content_box_m p {
        font-size: 12px;
    }
}

/*about4 yh*/
.governance > h2 {
    color: #000;
    font-size: 45px;
    position: relative;
    z-index: -1;
    font-family: 'NanumSquareNeo';
    font-weight: 900;
}

.governance > h2:before {
    background: #000;
    width: 8px;
    height: 44px;
    content: "";
    position: relative;
    bottom: -8px;
    display: inline-block;
    margin-right: 10px;
}












.governance > h3 {
    margin-top: 45px;
    font-size: 25px;
    color: #2a2a2a;
    z-index: -1;
    font-family: 'NanumSquareNeo';
    font-weight: 800;
}

.governance > h3 > .big-ttl{
    
    font-size:28px;
    font-weight:900;
}

.governance .governance_tit1 p,
.governance .governance_tit2 p {
    margin: 50px 0 0 40px;
    font-size: 17px;
    color: #666666;
    position: relative;
    z-index: -1;
}

.governance .governance_tit1 p:before {
    background: #2e5dbc;
    width: 25px;
    height: 25px;
    content: "1";
    left: -40px;
    top: 0;
    position: absolute;
    color: #fff;
    text-align: center;
}

.governance .governance_tit2 p:before {
    background: #06377b;
    width: 25px;
    height: 25px;
    content: "2";
    left: -40px;
    top: 0;
    position: absolute;
    color: #fff;
    text-align: center;
}

.governance_contents {
    width: 100%;
    margin-top: 50px;
}

.governance_contents > h2 {
    font-family: 'NanumSquareNeo';
    font-size: 30px;
    font-weight: 900;
}

.governance_contents > ul{
    border:1px solid #ddd;
    border-top:none;
    padding-bottom: 10px;
    padding-top: 10px;
    
}


.governance_contents > ul > li {

   
    
    display: flex;
    align-items: center;
    border-top: none;
    border-bottom: none;
    padding-top: 30px;
    padding-bottom: 30px;
}


.governance_contents > ul.economy-list > li {

    
    height: auto;
    display: block;

    border-top: none;
    border-bottom: none;
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 30px;

}

    .economy-list .intro{
    font-size:22px;
    font-weight: 800;
    color:#000;
    line-height: 1.3;
        font-family: 'NanumSquareNeo';
    
}

.economy-box .intro{
     font-size:22px;
    font-weight: 800;
    color:#000;
    line-height: 1.3;
    
}


.economy-list .bold-txt{
    
    font-size:20px;
    font-weight: 700;
    color:#000;
    
    
}

.economy-box .bold-txt{
     font-size:20px;
    font-weight: 700;
    color:#000;
    
}


.governance_contents > ul.economy-list > li th{
    
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #efefef;
    
    
}

.governance_contents > ul.economy-list > li table{
    border:1px solid #ddd;
    text-align: center;
}


.governance_contents > ul.economy-list > li tr.table-head > th{
    background-color: #1561a1;
    color:#fff;
    padding-top: 15px;
    padding-bottom: 15px;

    
}





.governance_contents > ul.economy-list > li .table-ttl {
    text-align: center;
    font-size:20px;
    color:#000;
    margin-bottom: 15px;
    font-weight: 800;
    



}

.governance_contents > ul.economy-list > li > table {
    margin-bottom: 60px;
    text-align: center;
}




.governance_contents > ul > li.img-box {

    
    height: auto;
    display: flex;
    align-items: center;
    border-top: none;
    border-bottom: none;
    justify-content: center;
}


.governance_contents > ul > li > div.table-scrollwrap{
    padding: 0;
    width:100%;
    overflow:auto;
    
    
}






.bev-list {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    border-top: 2px solid #000;
    margin-top: 30px;


}

.bev-list > li {
    width: 50%;

    border: 1px solid #ddd;


    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 75px;
    padding-right:35px;
    position: relative;

}


.economy-box h2 {
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 70px;
    padding: 30px 0 30px 30px;
    font-size: 25px;
    color: #000;
    position: relative;
    font-family: 'NanumSquareNeo';
    font-size: 30px;
    font-weight: 900;
}

.economy-box h3{
    font-family: 'NanumSquareNeo';
    font-size: 25px;
    font-weight: 900;
    color:#000;
    
}



.economy-box > .content-wrap {
    border: 1px solid #ddd;
    border-top: none;
    padding: 35px;


}


.economy-box > .content-wrap > .economy-round{
    margin-top: 70px;
    
}

.economy-box > .content-wrap > .economy-round-mgtop{
    margin-top: 0px;
    
}



.economy-box > .content-wrap > .economy-round > .nametag{
    
   text-align: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
    font-weight: 800;
    
    
    
    
}

.economy-flexbox {
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
    height: 500px;

}

.economy-flexbox h4 {
    font-size: 40px;
    color: #ddd;
    font-family: 'NanumSquareNeo';
    font-weight: 900;

}




.economy-flexbox > li {
    height: 500px;

}

.economy-flexbox > li > ul {

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 500px;

}

.economy-flexbox > li > ul > li > img {
    display: block;

}












.governance_contents > ul.border-no > li:last-child {

    border-bottom: none;

}


.governance_contents > ul.economy-flexbox {
    display: flex;
    height: 480px;

}








.governance_contents > ul > li > div {
    padding-left: 80px;

}



.governance_contents > ul > li > div.first::before {
    display: block;
    width: 30px;
    height: 30px;
    background: #3686d6;
    content: "1";
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 32px;
    font-weight: bold;
    color: #fff;
}


.governance_contents > ul > li > div.second::before {

    display: block;
    width: 30px;
    height: 30px;
    background: #3686d6;
    content: "2";
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 32px;
    font-weight: bold;
    color: #fff;

}

.governance_contents > ul > li > div.third::before {

    display: block;
    width: 30px;
    height: 30px;
    background: #3686d6;
    content: "3";
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 32px;
    font-weight: bold;
    color: #fff;




}





.bev-list > li > div > h4 {
    font-family: 'NanumSquareNeo';
    font-size: 20px;
    font-weight: 800;
    color: #000;

}



.bev-list > li > div.first::before {
    display: block;
    width: 30px;
    height: 30px;
    background: #3686d6;
    content: "1";
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 32px;
    font-weight: bold;
    color: #fff;

}

.bev-list > li > div.second::before {
    display: block;
    width: 30px;
    height: 30px;
    background: #3686d6;
    content: "2";
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 32px;
    font-weight: bold;
    color: #fff;

}

.bev-list > li > div.third::before {
    display: block;
    width: 30px;
    height: 30px;
    background: #3686d6;
    content: "3";
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 32px;
    font-weight: bold;
    color: #fff;

}


.bev-list > li > div.fourth::before {
    display: block;
    width: 30px;
    height: 30px;
    background: #3686d6;
    content: "4";
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 32px;
    font-weight: bold;
    color: #fff;

}


.bev-list > li > div.fifth::before {
    display: block;
    width: 30px;
    height: 30px;
    background: #3686d6;
    content: "5";
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 32px;
    font-weight: bold;
    color: #fff;

}











.governance_contents > ul > li > div > h4 {

    font-family: 'NanumSquareNeo';
    font-weight: 800;
    font-size: 21px;
    color: #000;

}


.point-case > ul{display: flex;
    justify-content: space-between;
   
    
    
}


.point-case{margin-top: 70px;
    margin-bottom: 70px;
    
    
}

.case-mgtop{margin-top: 140px;}



.point-case .left{width:60%;}
.point-case .right{width:40%;}


.point-case > ul > li > ul > li > h3{font-size:50px;
    font-family: 'NanumSquareNeo';
    font-weight: 900;
    color:#ddd; 
    
}

.point-case > ul > li > ul > li > h3.title01{
    
    color:#6b9102; 
    
}
.point-case > ul > li > ul > li > h3.title02{
   
    color:#323b5a; 
    
}
.point-case > ul > li > ul > li > h3.title03{
   
    color:#c14645; 
    
}
.point-case > ul > li > ul > li > h3.title04{
    
    color:#e1e458; 
    
}



.point-case > ul > li > ul > li{
    position: relative;
}


.point-case > ul > li > ul > li > h3::after{
    display: block;
    content: "";
    width: 15px;
    height: 100px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 0;
    
    
}
.point-case > ul > li > ul > li > h3.title01::after{
   
    background: #6b9102; 
    
}
.point-case > ul > li > ul > li > h3.title02::after{
   
    background: #323b5a; 
    
}
.point-case > ul > li > ul > li > h3.title03::after{
   
    background: #c14645; 
    
}
.point-case > ul > li > ul > li > h3.title04::after{
   
    background: #e1e458; 
    
}



.point-case > ul > li > ul > .title{height:120px;}
.point-case > ul > li > ul > .txt{height:130px;}
.point-case > ul > li > ul > .sum{height:195px;
border-top:4px solid #efefef;
}


.point-case > ul > li > ul > li > h4{font-size:40px;
    font-family: 'NanumSquareNeo';
    font-weight: 900;
    color:#000;
    line-height: 0.5;
    
    
}


.point-case .sum-list{
    
    display: flex;
    padding-top: 20px;
}

.point-case .sum-another1{
    display: flex;
    flex-direction: column;
    line-height: 2;
    
}



.point-case .sum-list > li{
    width:32%;
    
}

.point-case .sum-another1 > li{
    width:100%;
    
}

.point-case .sum-another2 > li{
    width:50%;
    
}


.point-case .sum-list > li > ul{
    position: relative;
    
}


.point-case .sum-list > li > ul > h4::before{
    display: block;
    content: "";
    width: 5px;
    height: 18px;
    background: #ddd;
    position: absolute;
    top:4px;
   
    
    
}


.point-case .sum-list > li > ul > h4.sub_ttl01::before{
    
    background: #6b9102; 
    
}

.point-case .sum-list > li > ul > h4.sub_ttl03::before{
    
    background: #c14645;
    
}
.point-case .sum-list > li > ul > h4.sub_ttl04::before{
    
    background:  #e1e458; 
    
}


.point-case .sum-list > li > ul > h4{
    margin-bottom: 10px;
    text-indent: 10px;
    
}


.point-case .sum-list > li > ul > li{
    line-height: 1.8;
    
    
}


.point-case .sum-list > li > ul > li > span{
    padding-left: 10px;
    display: block;
    margin-top: -5px;
    
}











.governance_contents h2 {
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 30px;
    padding: 30px;
    font-size: 25px;
    color: #000;
    position: relative;
}



.governance_contents h2 br {
    display: none;
}

.governance_box1 {
    border: 1px solid #ddd;
    width: 100%;
    padding: 40px 0 20px 73px;
    border-top: none;
    border-bottom: none;
    overflow: hidden;
}

.governance_box2 {
    border: 1px solid #ddd;
    width: 100%;
    padding: 20px 0 40px 73px;
    border-top: none;
    overflow: hidden;
}

.governance_box1 p,
.governance_box2 p {
    float: left;

    position: relative;
    font-size: 18px;
    color: #222222;
}

.governance_box1 p:before,
.governance_box2 p:before {
    background: #2e5dbc;
    width: 25px;
    height: 25px;
    content: "1";
    left: -40px;
    top: 0;
    position: absolute;
    color: #fff;
    text-align: center;
}


.governance_box2 p:before {
    content: "2";

}

.governance_box1 span,
.governance_box2 span {
    display: block;
    float: left;
    width: 90%;
    color: #727272;
    font-size: 17px;
}

.governance_box3 {
    border: 1px solid #ddd;
    width: 100%;
    padding: 40px;
    border-top: none;
}

@media all and (max-width:1014px) {
    .governance_contents {
        width: 100%;
    }

    .governance h3 br {
        display: none;
    }

    .governance_tit1 p br {
        display: none;
    }

    .governance_box1 span br {
        display: none;
    }


}

@media all and (max-width:900px) {

    .governance_box1 p,
    .governance_box2 p {}


}

@media all and (max-width:700px) {

    .governance_box1 p,
    .governance_box2 p {}

    .governance_box1 span,
    .governance_box2 span {}

    .governance_box3 {}
}

@media all and (max-width:550px) {

    .governance_box1 p,
    .governance_box2 p {}

    .governance_box1 span,
    .governance_box2 span {}

    .governance_contents h2 {
        font-size: 19px;
    }

    .governance_contents h2:before {
        top: 88px;
    }
}

@media all and (max-width:480px) {
    .governance_contents h2 br {
        display: block;
    }

    .governance_contents h2:first-child:before {
        top: 116px;
    }

    .governance > h3 {
        font-size: 19px;
    }

    .governance .governance_tit1 p,
    .governance .governance_tit2 p {
        font-size: 15px;
    }

    .governance_box1 p,
    .governance_box2 p {}

    .governance_box1 span,
    .governance_box2 span {}

    .governance_box3 {
        padding: 20px;
    }
}

@media all and (max-width:414px) {

    .governance_box1 p,
    .governance_box2 p {}

    .governance_box1 span,
    .governance_box2 span {}

    .governance_contents h2 {
        font-size: 17px;
    }

    .governance .governance_tit1 p,
    .governance .governance_tit2 p {
        font-size: 14px;
    }

    .governance_box1 span,
    .governance_box2 span {
        font-size: 13px;
    }

    .governance_contents h2:before {
        top: 85px;
    }

    .governance_contents h2:first-child:before {
        top: 110px;
    }
}

@media all and (max-width:360px) {
    .governance_box3 {
        padding: 10px;
    }

    .governance_box1 p,
    .governance_box2 p {}

    .governance_box1 span,
    .governance_box2 span {}

    .governance_contents h2 {
        font-size: 16px;
    }

    .governance_contents h2 {
        padding: 30px 0 30px 20px;
    }

    .governance_contents h2:before {
        top: 85px;
    }

    .governance_contents h2:first-child:before {
        top: 110px;
    }

    .governance_box1 {}

    .governance_box2 {}

    .governance_contents h2:before {
        top: 84px;
        left: 20px;
    }

    .governance_contents h2:first-child:before {
        top: 108px;
    }
}


/*about5 yh*/
.economy > h2 {
    text-indent: 20px;
    color: #000;
    font-size: 35px;
    position: relative;
    z-index: -1;
}

.economy > h2:before {
    background: #000;
    width: 7px;
    height: 35px;
    content: "";
    left: 0;
    position: absolute;
    bottom: 8px;
}

.economy_contents {
    width: 100%;
}

.economy_contents h3 {
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 30px;
    padding: 30px 0 30px 30px;
    font-size: 22px;
    color: #000;
    position: relative;
}

/*
.economy_contents h3:before {
    position: absolute;
    content: "";
    background: #000;
    height: 1px;
    width: 50px;
    left: 30px;
    top: 93px;
}
*/

.economy_contents .economy_box {
    border: 1px solid #ddd;
    width: 100%;
    padding: 40px 0 40px 45px;
    border-top: none;
}

.economy_contents .economy_box p {
    font-size: 17px;
    color: #727272;
    margin-top: 25px;
    position: relative;
}

.economy_contents .economy_box p:before {
    content: "";
    background: #9ea6b7;
    height: 5px;
    width: 5px;
    display: inline-block;
    margin: -5px 10px 0 -15px;
    vertical-align: middle;
}

.economy_contents .economy_box .economy_table {
    text-align: center;
    border-top: 2px solid #e50039;

}

.economy_contents .economy_box .economy_table tbody {
    border: 1px solid #ddd;
}

.economy_contents .economy_box .economy_table_ttl {
    text-align: center;
    font-weight: bold;
    display: block;
    margin-top: 40px;
    font-size: 18px;
}

.economy_contents .economy_box .economy_table_tag {
    text-align: center;

    display: block;
    margin-top: 5px;
}


.economy_contents .economy_box p:first-child {
    margin-top: 0;
}

.economy_contents .economy_box1 {
    border: 1px solid #ddd;
    width: 100%;
    padding: 40px 0 40px 45px;
    border-top: none;
}

.economy_contents .economy_box1 p {
    font-size: 16px;
    color: #222;
    margin-top: 25px;
    position: relative;
    font-weight: 600;
}

.economy_contents .economy_box1 p:before {
    position: absolute;
    content: "";
    background: #9ea6b7;
    height: 5px;
    width: 5px;
    left: -15px;
    top: 50%;
    margin-top: -2px;
}

.economy_contents .economy_box1 p:first-child {
    margin-top: 0;
}

.economy_contents .economy_box1 span {
    font-size: 16px;
    color: #727272;
}

.economy_box1 img {
    margin-top: 25px;
}

@media all and (max-width:1014px) {
    .economy_contents {
        width: 100%;
    }

    .economy_contents .economy_box {
        padding: 40px 40px 40px 45px;
    }

    .economy_contents .economy_box1 {
        padding: 40px 40px 40px 45px;
    }

    .economy_contents .economy_box p br {
        display: none;
    }

    .economy_contents .economy_box1 span br {
        display: none;
    }
}

@media all and (max-width:395px) {
    .economy_contents h3 {
        font-size: 19px;
    }

    .economy_contents .economy_box p {
        font-size: 15px;
    }

    .economy_contents .economy_box1 p {
        font-size: 15px;
    }

    .economy_contents .economy_box1 span {
        font-size: 15px;
    }

    .economy_contents h3:before {
        top: 88px;
    }
}


/*about6 yh*/
.environment > h2 {
    text-indent: 20px;
    color: #000;
    font-size: 35px;
    position: relative;
    z-index: -1;
}

.environment > h2:before {
    background: #000;
    width: 7px;
    height: 35px;
    content: "";
    left: 0;
    position: absolute;
    bottom: 8px;
}

.environment_image {
    margin-top: 30px;
}

.environment_contents {
    width: 936px;
}

.environment_contents h3 {
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 30px;
    padding: 30px 0 30px 30px;
    font-size: 22px;
    color: #000;
    position: relative;
}

/*
.environment_contents h3:before {
    position: absolute;
    content: "";
    background: #000;
    height: 1px;
    width: 50px;
    left: 25px;
    top: 93px;
}
*/

.environment_contents .environment_box {
    border: 1px solid #ddd;
    width: 100%;
    padding: 40px 0 40px 45px;
    border-top: none;
}

.environment_contents .environment_box p {
    font-size: 16px;
    color: #727272;
    margin-top: 25px;
    /*position: relative;*/
}

.environment_contents .environment_box p:before {
    content: "";
    background: #9ea6b7;
    height: 5px;
    width: 5px;
    display: inline-block;
    margin: -5px 10px 0 -15px;

    vertical-align: middle;
}

.environment_contents .environment_box p:first-child {
    margin-top: 0;
}

@media all and (max-width:1014px) {
    .environment_contents {
        width: 100%;
    }
}

@media all and (max-width:950px) {
    .environment_contents .environment_box {
        padding: 40px 35px 40px 45px;
    }
}

@media all and (max-width:395px) {
    .environment_contents h3 {
        padding: 30px;
        font-size: 19px;
    }

    .environment_contents .environment_box p {
        font-size: 15px;
    }

    .environment_contents h3:before {
        top: 88px;
    }
}

/*about7 yh*/
.society > h2 {
    text-indent: 20px;
    color: #000;
    font-size: 35px;
    position: relative;
    z-index: -1;
}

.society > h2:before {
    background: #000;
    width: 7px;
    height: 35px;
    content: "";
    left: 0;
    position: absolute;
    bottom: 8px;
}

.society_image {
    margin-top: 30px;
}

.society_contents {
    width: 936px;
}

.society_contents h3 {
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 30px;
    padding: 30px 0 30px 30px;
    font-size: 22px;
    color: #000;
    position: relative;
}

/*
.society_contents h3:before {
    position: absolute;
    content: "";
    background: #000;
    height: 1px;
    width: 50px;
    left: 25px;
    top: 93px;
}
*/

.society_contents h3 br {
    display: none;
}

.society_contents .society_box {
    border: 1px solid #ddd;
    width: 100%;
    padding: 40px 0 40px 45px;
    border-top: none;
}

.society_contents .society_box p {
    font-size: 16px;
    color: #727272;
    margin-top: 25px;
    position: relative;
}

.society_contents .society_box p:before {
    content: "";
    background: #9ea6b7;
    height: 5px;
    width: 5px;
    display: inline-block;
    margin: -5px 10px 0 -15px;
    vertical-align: middle;
}

.society_contents .society_box p:first-child {
    margin-top: 0;
}

@media all and (max-width:1014px) {
    .society_contents {
        width: 100%;
    }

    .society_contents .society_box {
        padding: 40px 35px 40px 45px;
    }
}

@media all and (max-width:540px) {
    .society_contents h3 {
        font-size: 19px;
    }

    .society_contents h3:before {
        top: 88px;
    }

    .society_contents .society_box p {
        font-size: 15px;
    }
}

@media all and (max-width:480px) {
    .society_contents h3 br {
        display: block;
    }

    .society_contents h3:before {
        top: 116px;
    }
}

/*about8 yh*/
.korea_about > h2 {
    text-indent: 20px;
    color: #000;
    font-size: 35px;
    position: relative;
    z-index: -1;
}


.korea_about > h2.korea_about_subttl {
    text-indent: 20px;
    color: #000;
    font-size: 30px;
    position: relative;
    z-index: -1;
    margin-top: 40px;
}

.korea_about > h2:before {
    background: #000;
    width: 7px;
    height: 35px;
    content: "";
    left: 0;
    position: absolute;
    bottom: 8px;
}

.korea_about > h2.korea_about_subttl:before {
    height: 30px;
}





.korea_about > h2 br {
    display: none;
}

.korea_about_contents {
    width: 100%;
}

.korea_about_contents h3 {
    border: 1px solid #ddd;
    width: 100%;
    margin-top: 30px;
    padding: 30px 0 30px 30px;
    font-size: 22px;
    color: #000;
    position: relative;
}

/*
.korea_about_contents h3:before {
    position: absolute;
    content: "";
    background: #000;
    height: 1px;
    width: 50px;
    left: 30px;
    top: 93px;
}
*/

.korea_about_contents h3 br {
    display: none;
}

.korea_about_contents .korea_about_box {
    border: 1px solid #ddd;
    width: 100%;
    padding: 40px 45px 40px 45px;
    border-top: none;
}

.korea_about_contents .korea_about_box_renew {
    border-top: 1px solid #ddd;
    margin-top: 30px;


}


.korea_about_contents .korea_about_box p {
    font-size: 17px;
    color: #727272;
    margin-top: 25px;
    position: relative;
}

.korea_about_contents .korea_about_box p:before {
    content: "";
    background: #9ea6b7;
    height: 5px;
    width: 5px;
    display: inline-block;
    margin: -5px 10px 0 -15px;
    vertical-align: middle;
}

.korea_about_contents .korea_about_box p:first-child {
    margin-top: 0;
}

@media all and (max-width:1014px) {
    .korea_about_contents {
        width: 100%;
    }
}

@media all and (max-width:980px) {
    .korea_about_contents .korea_about_box {
        padding: 40px 35px 40px 45px;
    }

    .korea_about_contents .korea_about_box p br {
        display: none;
    }

    .korea_about_contents h3 {
        padding: 30px;
    }
}

@media all and (max-width:720px) {
    .korea_about_contents h3 {
        font-size: 19px;
    }

    .korea_about_contents h3:before {
        top: 88px;
    }

    .korea_about_contents .korea_about_box p {
        font-size: 15px;
    }
}

@media all and (max-width:628px) {
    .korea_about > h2 {
        font-size: 31px;
    }

    .korea_about > h2:before {
        height: 30px;
    }

    .korea_about_contents h3 br {
        display: block;
    }

    .korea_about_contents h3:before {
        top: 116px;
    }
}

@media all and (max-width:502px) {
    .korea_about > h2 {
        font-size: 25px;
    }

    .korea_about > h2:before {
        height: 22px;
    }
}

@media all and (max-width:414px) {
    .korea_about > h2 br {
        display: block;
    }

    .korea_about > h2 {
        text-indent: 0;
        padding-left: 20px;
    }

    .korea_about > h2:before {
        height: 25px;
        /*        bottom: 41px;*/
        top: 5px;
    }
}

@media all and (max-width:385px) {
    .korea_about_contents h3 {
        font-size: 17px;
    }

    .korea_about_contents h3:before {
        top: 110px;
    }

    .korea_about_contents .korea_about_box p {
        font-size: 14px;
    }
}

@media all and (max-width:350px) {
    .korea_about_contents h3 {
        font-size: 16px;
    }

    .korea_about_contents h3:before {
        top: 108px;
    }
}

@media all and (max-width:330px) {
    .korea_about_contents h3 {
        font-size: 15px;
    }

    .korea_about_contents h3:before {
        top: 104px;
    }
}

/*information brunei yh*/
.brunei > h2 {
    text-indent: 20px;
    color: #000;
    font-size: 35px;
    position: relative;
    z-index: -1;
}

.brunei > h2:before {
    background: #000;
    width: 7px;
    height: 35px;
    content: "";
    left: 0;
    position: absolute;
    bottom: 8px;
}

.brunei_infor {
    margin-top: 50px;

    box-sizing: border-box;
    font-size: 0;
    display: flex;
    align-items: center;
    border-t
}

.brunei_infor_img {
    width: 56%;

}



.brunei_infor_img,
.brunei_infor_wri {
    display: inline-block
}

.brunei_infor_wri {

    width: 63%;

    font-size: 19px;
    vertical-align: top;
    padding-left: 70px;

}

.brunei_infor_wri p {
    color: #666;
    line-height: 35px;
}

.brunei_infor_wri p span {
    color: #333;
    font-weight: 600;
    position: relative;
}

.brunei_infor_wri p span:before {
    position: absolute;
    content: "";
    background: #9ea6b7;
    height: 5px;
    width: 5px;
    left: -10px;
    top: 7px;
}

.brunei_geography {
    border-top: 1px solid #ddd;
    width: 100%;
    margin-top: 50px;
    overflow: hidden;
}

.brunei_geography_left {
    width: 25%;
    float: left;
    position: relative;
}

.brunei_geography_left:before {
    position: absolute;
    content: "";
    background: #000;
    height: 2px;
    width: 190px;
    left: 0px;
    top: -1px;
}

.brunei_geography_left h3 {
    font-size: 27px;
    color: #333;
    margin-top: 30px;
    font-family: 'NanumSquareNeo';
    font-weight:900;
}

.brunei_geography_right {
    float: left;
    overflow: hidden;
    width: 75%;
}

.graybox {
    margin: 35px 0 25px 0;
    width: 70px;
    height: 25px;
    background-color: #838d97;
    display: block;
    line-height: 25px;
    text-align: center;
    border-radius: 70px;
    color: #fff;
    font-size: 15px;
}

.graybox1 {
    margin: 35px 0 5px 0;
    display: block;
    line-height: 25px;
    color: #000;
    font-size: 21px;
    padding-top: 5px;
    padding-bottom: 8px;
    font-family: 'NanumSquareNeo';
    font-weight: 800;
    position: relative;
    text-indent: 10px;
}


.graybox1::before{
    
    content: "";
    width: 4px;
    height: 20px;
    background: #000;
    display: block;
    position: absolute;
    top: 7px;
    
    
    
}

.graybox2 {
    margin: 35px 0 25px 0;
    width: 160px;
    height: 25px;
    background-color: #838d97;
    display: block;
    line-height: 25px;
    text-align: center;
    border-radius: 70px;
    color: #fff;
    font-size: 15px;
}

.brunei_geography_right p {
    color: #727272;
    font-size: 19px;
    margin-left: 15px;
    position: relative;
}

.brunei_geography_right p:before {
    position: absolute;
    content: "";
    background: #9ea6b7;
    height: 5px;
    width: 5px;
    left: -15px;
    top: 10px;
}

.brunei_geography_right img {
    margin: 35px 0;
}

.brunei_geography_leftbox,
.brunei_geography_rightbox {
    width: 50%;
}

.brunei_geography_box {
    font-size: 0;
    padding-bottom: 35px;
}

.brunei_geography_rightbox {
    padding-left: 100px;
}

.brunei_geography_leftbox,
.brunei_geography_rightbox {
    display: inline-block;
    vertical-align: top;
}

.brunei_geography_lastbox {
    border-top: 1px dashed #ddd;
}

.brunei_politics {
    width: 100%;
    margin-top: 50px;
    border-top: 1px solid #ddd;
    position: relative;
    overflow: hidden;
}

.brunei_politics:before {
    position: absolute;
    content: "";
    background: #000;
    height: 2px;
    width: 190px;
    left: 0px;
    top: -1px;
}

.brunei_politics h3 {
    font-size: 26px;
    color: #333;
    margin-top: 30px;
    font-family:'NanumSquareNeo' ;
    font-weight: 900;
}

.brunei_politics_left {
    float: left;
    width: 25%;
}

.brunei_politics_box {
    float: left;
    width: 75%;
}

.brunei_politics_lastbox {
    border-top: 1px dashed #ddd;
    margin-top: 35px;
    width: 100%;
}

.brunei_politics_box p {
    color: #727272;
    font-size: 19px;
    margin-left: 15px;
    position: relative;
}

.brunei_politics_box p:before {
    position: absolute;
    content: "";
    background: #9ea6b7;
    height: 5px;
    width: 5px;
    left: -15px;
    top: 10px;
}

.brunei_politics_box .bull_point {
    padding-left: 10px;
}

.brunei_politics_box .bull_point:before {
    content: "";
    background: #9ea6b7;
    height: 1px;
    width: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px;
    margin-left: 16px;
}


/*desa*/
.daesa {
    text-align: center;
    font-size: 19px;
    box-sizing: border-box;
    border-top: 2px solid #000;
    border-left: 0;
    border-right: 0;
}

.daesa tr {
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.daesa tr th {
    box-sizing: border-box;
}

.daesa tr td {
    box-sizing: border-box;
}

.daesa tr th:first-child {
    font-weight: 400;
    color: #000;
    border-right: 1px solid #ddd;
}

.daesa tr td:first-child {
    font-weight: 400;
    color: #000;
    border-right: 1px solid #ddd;
    background: #fcfcfc;
}

.daesa p {
    font-size: 19px;
    color: #8f8f8f;
    font-weight: 300;
}

.daesa p:before {
    background: none;
}

.daesa .left_daesa {
    text-align: left;
}

.brunei h2 br {
    display: none;
}

@media all and (max-width:980px) {
    .brunei_geography {
        width: 100%;
    }

    .brunei_politics {
        width: 100%;
    }

    .brunei_infor {
        width: 100%;
    }

    .brunei_infor_img > img {
        width: 900px;
    }

    .brunei_politics_left {
        width: 90%;
    }

    .brunei_politics_box {
        width: 100%;
    }

    .brunei_infor_wri {
        width: 100%;
    }

    .brunei_geography_leftbox,
    .brunei_geography_rightbox {
        width: 95%;
        padding-left: 0;
    }

    .brunei_geography_right {
        float: left;
        overflow: hidden;
        width: 100%;
    }
}

@media all and (max-width:792px) {
    .daesa {
        width: 100%;
    }
}

@media all and (max-width:656px) {
    .daesa {
        width: 100%;
    }

    .brunei h2 span {
        display: none;
    }
}

@media all and (max-width:500px) {
    .brunei_infor_wri {
        padding: 20px;
        height: auto;
    }

    .daesa col {
        width: 40% !important;
    }

    .daesa col:last-child {
        width: 60% !important;
    }

    .daesa p {
        font-size: 10px;
    }
}



.__boardView {
    border-top: 2px solid #333;
    border-bottom: 1px solid #ddd;
}

.__boardView .top {
    padding: 20px 15px;
    border-bottom: 1px solid #ddd;
}

.__boardView .top h3 {
    font-size: 24px;
    font-weight: normal;
    color: #333;
    letter-spacing: -0.05em;
}

.__boardView .top .date {
    margin-top: 10px;
    font-size: 14px;
}

.__boardView .top .file {
    margin-top: 15px;
    padding-top: 2px;
    padding-left: 28px;
    position: relative;
    font-size: 14px;
    color: #999;
}

.__boardView .top .file:before {
    content: "";
    display: block;
    width: 20px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/ico-file2.gif) no-repeat 50% 50%;
}

.__boardView .top .sumt {
    font-size: 0;
    margin-top: 10px;
}

.__boardView .top .sumt li {
    display: inline-block;
    margin-right: 30px;
    font-size: 14px;
    font-weight: 300;
}

.__boardView .top .sumt li:last-child {
    margin-right: 0;
}

.__boardView .top .sumt li strong {
    font-weight: 300;
}

.__boardView .con {
    padding: 30px 15px;
    font-size: 16px;
    line-height: 1.7em;
    min-height: 300px;
}


.__boardView .con * {
    max-width: 100% !important;
}

.__boardView .con img {
    height: auto !important;
}

.__boardView.type2 .top {
    position: relative;
    padding-right: 220px;
}

.__boardView.type2 .top .__btn1 {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22px;
}

.__boardView .faq {
    margin: 0 -15px;
}

.__boardView .faq > dt {
    position: relative;
    padding: 15px;
}

.__boardView .faq > dt em {
    display: inline-block;
    width: 70px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #999;
    border-radius: 5px;
    ;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    margin-right: 10px;
}

.__boardView .faq > dd {
    padding: 15px;
}

.__boardView .faq.a {
    margin-top: 20px;
}

.__boardView .faq.a > dt {
    background: linear-gradient(to right, #009299 0%, #35c3bc 100%);
    padding-right: 180px;
}

.__boardView .faq.a > dt em {
    background: #fff;
    border-color: #fff;
    color: #24b4b0;
}

.__boardView .faq.a > dt strong {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.05em;
    color: #fff;
}

.__boardView .faq.a > dt span {
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 30px;
    top: 15px;
}

@media all and (max-width:1024px) {
    .__boardView .top {
        padding: 15px 0;
    }

    .__boardView .top h3 {
        font-size: 18px;
    }

    .__boardView .top .date {
        margin-top: 10px;
        font-size: 12px;
    }

    .__boardView .top .file {
        margin-top: 10px;
        padding-top: 0;
        padding-left: 20px;
        font-size: 12px;
    }

    .__boardView .top .file:before {
        width: 12px;
        height: 14px;
        background-size: contain;
    }

    .__boardView .con {
        padding: 20px 0;
        font-size: 14px;
        line-height: 1.6em;
        min-height: 200px;
    }

    .__boardView .con .faq {
        max-width: none !important;
    }

    .__boardView .con .faq > dt {
        padding: 10px 15px;
    }

    .__boardView .con .faq > dd {
        padding: 15px;
    }

    .__boardView .con .faq.a > dt {
        padding-right: 0;
    }

    .__boardView .con .faq.a > dt strong {
        font-size: 14px;
        display: block;
        margin-top: 10px;
        line-height: 1.4em;
    }

    .__boardView .con .faq.a > dt span {
        position: relative;
        right: 0;
        top: 0;
        display: block;
        margin-top: 10px;
    }
}


.__botArea {
    margin-top: 30px;
    position: relative;
    min-height: 32px;
}

.__botArea .cen {
    text-align: center;
    position: relative;
}

.__botArea .lef {
    position: absolute;
    left: 0;
    top: 0;
}

.__botArea .rig {
    position: absolute;
    right: 0;
    top: 0;
}

.__botArea .btn {
    position: absolute;
    top: 0;
}

.__botArea .btn:before {
    content: "";
    top: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    font-size: 30px;
    font-family: axicon;
    position: absolute;
}

.__botArea .btn > * {
    display: block;
}

.__botArea .btn span {
    font-size: 14px;
    color: #999;
}

.__botArea .btn strong {
    color: #333;
    font-weight: normal;
    font-size: 18px;
    margin-top: 5px;
}

.__botArea > .prev {
    left: 0;
    padding-left: 35px;
}

.__botArea > .prev:before {
    content: "\f1b0";
    left: 0;
}

.__botArea > .next {
    right: 0;
    text-align: right;
    padding-right: 35px;
}

.__botArea > .next:before {
    content: "\f1b1";
    right: 0;
}

.__botArea .btn_01 {
    display: inline-block;
    width: 90px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    color: #333;
    background-color: #fff;
    box-sizing: border-box;
    float: right;
    position: relative;
    overflow: hidden;
    border: 1px solid #333;
}

.__botArea .btn_01:hover {
    color: #fff;
    background-color: #333;
}

/*
.__botArea .__btnarea{display:inline-block; width:100%;}
.__botArea .__btnarea > .modify span{font-size:16px; color:#222; line-height:58px;}
.__botArea .__btnarea > .delete span{font-size:16px; color:#222; line-height:58px;}
.__botArea .__btnarea > .modify{width: 160px; height:60px; text-align:center; border:1px solid #222; vertical-align:middle; box-sizing:border-box; display:inline-block;}
.__botArea .__btnarea > .delete{margin-left: 2%; width: 160px; height:60px; text-align:center; border:1px solid #222; vertical-align:middle; box-sizing:border-box; display:inline-block;}
*/


@media all and (max-width:1026px) {
    .__botArea .btn_01 {
        position: relative;
        width: 80px;
        height: 35px;
        font-size: 14px;
        margin-right: 11px;
        line-height: 33px;
    }

    .qna_mob {
        margin-bottom: 45px;
    }
}

@media all and (max-width:1000px) {
    .__botArea {
        margin-top: 15px;
        text-align: center;
    }

    .__botArea > div {
        position: relative !important;
    }

    .__botArea > div ~ div {
        margin-top: 10px;
    }

    .__botArea > .prev,
    .__botArea > .next {
        display: none;
    }

    .__botArea .__btn1 {
        margin-bottom: 8px;
    }
}



.__btn1 {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 20px 50px;
    border-radius: 5px;
    text-align: center;
    background-image: linear-gradient(to right, #61c4c9, #36b8e9);
    color: #fff;
    border-radius: 5px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    font-size: 1.2em;
    font-weight: 600;
    padding: 0 40px;
}

.__btn1.gray {
    background: #f2f2f2;
    border-color: #bfbfbf;
    color: #555;
}

.__btn2 {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    border-radius: 5px;
    text-align: center;
    background: #636363;
    border: 1px solid #636363;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 0 10px;
}

.__btn3 {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 20px 50px;
    border-radius: 5px;
    text-align: center;
    background: #7c7aad;
    border: 1px solid #615f9b;
    color: #fff;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0 40px;
}

.__btn4 {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 20px 50px;
    border-radius: 5px;
    text-align: center;
    background: #ed6a71;
    border: 1px solid #d65157;
    color: #fff;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0 40px;
}

.__btn6 {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 20px 50px;
    border-radius: 5px;
    text-align: center;
    background: #389db9;
    border: 1px solid #615f9b;
    color: #fff;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0 40px;
}


.__btnList {
    display: inline-block;
    width: 160px;
    height: 60px;
    box-sizing: border-box;
    border: 1px solid #222;
    text-align: center;
    font-size: 16px;
    color: #222;
    vertical-align: middle;
}

.__btnList span {
    display: inline-block;
    vertical-align: middle;
    line-height: 58px;
}

.__btnList:after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    vertical-align: middle;
}

.__btnList:hover {
    background: #272727;
    border-color: #272727;
    color: #fff;
}

.__btnList:hover:after {
    background-position: 0 -11px;
}

.cenleft {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}

.cenleft .delete {
    margin-left: 2%;
}

@media all and (max-width:768px) {
    .__btnList {
        width: 80px !important;
        height: 35px !important;
        font-size: 12px !important;
    }

    .__btnList span {
        line-height: 33px !important;
    }

    .cen {
        display: flex !important;
        justify-content: center;
    }
}



@media all and (max-width:1024px) {
    .__btn1 {
        height: 34px;
        line-height: 32px;
        font-size: 14px;
        padding: 0 15px;
    }

    .__btn2 {
        height: 30px;
        line-height: 28px;
    }

    .__btn3,
    .__btn4,
    .__btn6 {
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        border-radius: 5px;
        font-size: 14px;
    }


    .__btnList {
        width: 100px;
        height: 40px;
        font-size: 14px;
    }

    .__btnList span {
        line-height: 38px;
    }

    .__btnList:after {
        display: none;
    }

    .cencenter {
        position: absolute;
        top: 0;
        right: 0;
    }

}



.ttit > h2 {
    text-align: center;
    font-size: 50px;
    padding: 50px 0;
    color: #000;
}

.ccontents {
    width: 100%;
}

.grey_box {
    padding: 30px 40px;
    overflow: hidden;
    background: #EFEFEF;
}

.grey_box_01 {
    padding: 0;
    overflow: hidden;
    background: #fff;
    margin-bottom: 30px;
    margin-top: 4%;

}



.grey_box h2 {
    font-size: 18px;
}

.grey_box p {
    font-size: 16px;
}

.ccontents .box1 {
    border: 2px solid #DBDBDB;
    padding: 2rem 2.5rem;
    margin-top: 1.25rem;
}

.bul.bul1 li {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.54px;
    line-height: 1.5;
}

.no-bul {
    margin: 5px 0 15px;
}


.bul li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22448A;
    top: 11px;
    left: 0;
}

.bul.bul1 li + li {
    margin-top: .5rem;
}

.bul li {
    position: relative;
    padding-left: 12px;
}

.no-bul > * {
    letter-spacing: -0.48px;
    color: #666666;
    font-weight: 400;
    display: block;
    line-height: 2;
}

.form.personal {
    text-align: center;
    padding: 40px;
    border-bottom: 1px solid #dbdbdb;
}

.form_check {
    margin-right: 30px;
    font-size: 17px;
}

.__tblView {
    border-top: 1px solid #222;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.__tblView > tbody > tr > th {
    background: #fafafb;
    color: #333;
    font-size: 16px;
    height: 51px;
    padding-left: 15px;
    text-align: left;
}

.__tblView > tbody > tr > *:last-child {
    border-right: 1px solid #ebebeb;
}

.__tblView > tbody > tr > td {
    font-size: 14px;
}

.__tblView > tbody > tr > * {
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 18px;
    line-height: 1.4em;
    font-weight: 300;
}

.hj_bttn {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 20px 50px;
    border-radius: 5px;
    text-align: center;
    background: #ddd;
    color: #000;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0 40px;
    border: 1px solid #aaa;
}

.hj_bttn2 {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 20px 50px;
    border-radius: 5px;
    text-align: center;
    background: #328ded;
    color: #fff;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0 40px;
    border: 1px solid #328ded;
}

.grey_img {
    width: 64px;
    height: 64px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 84px;
    background: #22448A;
    border-radius: 5px;
    float: left;
}

.grey_txt {
    float: left;
    width: calc(100% - 64px);
    padding-left: 24px;
}

@media (min-width: 1024px) {
    .cccontents {
        margin-top: 20px;
    }
}


@media (max-width: 1024px) {
    .__tblView.respond > tbody > tr > th {
        text-align: left;
        padding: 10px 0 5px;
        border-bottom: none;
        background: none;
        height: auto;
    }


}

@media (max-width: 1024px) {

    .__tblView.respond,
    .__tblView.respond > tbody,
    .__tblView.respond > tbody > tr,
    .__tblView.respond > tbody > tr > * {
        display: block;
        border-left: none;
        border-right: none;
    }
}

@media screen and (max-width: 560px) {

    .grey_box {
        padding: 1rem;
    }

    .grey_box_01 {
        padding: 1rem;
        background-color: #ececec;
    }


    .grey_img {
        display: none;
    }

    .grey_txt {
        width: 100%;
    }

    .form.personal {
        padding: 10px;
    }
}


.button_write {
    text-align: right;
}

.write_h {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 20px 50px;
    border-radius: 5px;
    text-align: center;
    background: #ca2323;
    color: #fff;
    border-radius: 5px;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0 40px;
}



.sub .inner {
    position: relative;
}

#size_downn {
    width: 100%;
}

@media screen and (max-width: 1256px) {
    #size_downn {
        max-width: 100%;
    }
}

.password_box {
    vertical-align: middle;
    box-sizing: border-box;
    background: #fff;
    z-index: 9999999999;
    display: inline-block;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -140.5px;
    margin-left: -260px;
    max-width: 100%;
    width: 520px;
    text-align: left;
    border: 4px solid #ca2323;
    padding: 20px;

}

.password_close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
    background: none;
    border: none;
    color: #000;
}

.password_box .wrap {
    text-align: center;
}

.password_box .wrap .txt {
    font-weight: 300;
    font-size: 16px;
    margin: 15px 0;
}

.__blue {
    color: #ca2323 !important;
}

.password_box .wrap .form {
    max-width: 282px;
    margin: 0 auto;
}

.password_box .wrap .form input[type='password'] {
    display: block;
    width: 100%;
    height: 42px;
    line-height: 40px;
    border: 1px solid #ddd;
    font-size: 14px;
    text-align: center;
}

.password_box .wrap .form .btn button {
    height: 42px;
    border-radius: 21px;
    color: #fff;
    background: #ca2323;
    border: none;
    font-size: 16px;
    font-weight: 500;
    padding: 0 25px;
}

.password_box .wrap .form .btn {
    margin-top: 20px;
}

.__poppass {
    position: relative;
    z-index: 5000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    font-size: 0;
    text-align: center;
    box-sizing: border-box;
}


.black {
    display: none;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

#_sns {}

#_sns .inner {
    width: 100%;
}

#_sns .tit {
    position: relative;
    margin-bottom: 40px;
}

#_sns .tit h3 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.05em;
}

#_sns .tit .sns {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
    white-space: nowrap;
}

#_sns .tit .sns li {
    display: inline-block;
    vertical-align: top;
}

#_sns .tit .sns li ~ li {
    margin-left: 37px;
}

#_sns .tit .sns li a {
    display: block;
}

#_sns .tit .sns li a > * {
    display: inline-block;
    vertical-align: middle;
}

#_sns .tit .sns li a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #e6e6e6;
    text-align: center;
    font-size: 18px;
    margin-right: 10px;
}

#_sns .tit .sns li a span {
    font-size: 14px;
}

#_sns .area {
    font-size: 0;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

#_sns .area .box {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 270px;

    margin-bottom: 20px;
    border: 1px solid #efefef;
    border-radius: 10px;
    transition: 0.3s ease-in;

}

#_sns .area .box:hover {
    box-shadow: 0 16px 30px 0 rgba(0, 0, 0, 0.20);
    transition: 0.3s ease-in;
    border: 1px solid #15b3b9;
    background-color: rgba(0, 0, 0, 0.1);




}



#_sns .area .box .in {


    /* border-radius: 10px; */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: nowrap;
    height: 265px;
    align-items: center;
}

#_sns .area .box .img {
    width: 40%;
    max-height: 250px;

    display: block;
    height: 250px;
    margin-left: 10px;
}

#_sns .area .box .img img {
    width: 100%;
    max-height: 250px;
    display: block;
    height: 250px;
    border-radius: 5px;

}





#_sns .area .box .img span {
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;

    padding-top: 248px;
    border-radius: 5px;
}

#_sns .area .box .info {
    width: 60%;
    padding: 40px;
}

#_sns .area .box .info .ico i {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background: #973389;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: -18px;
}

#_sns .area .box .info .ico.youtube i {
    background: #e50039;
}

#_sns .area .box .info .ico.face i {
    background: #3d56a8;
}

#_sns .area .box .info .subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 22px;
    color: #555;
    letter-spacing: -0.05em;
    font-weight: 700;
}

#_sns .area .box .info .sum {
    margin-top: 20px;
    font-size: 17px;
    letter-spacing: -0.05em;
    font-weight: 300;
    line-height: 1.4em;
    max-height: 4.2em;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}



#_sns .area .box .info .date {
    color: #6b7e92;
    font-size: 15px;
    /* margin-top: 10px; */
    display: flex;
    align-items: center;
    /* float: right; */
    margin-top: 40px;
}

#_sns .area .box .info .date > * {
    display: inline-block;
    vertical-align: top;
}

#_sns .area .box .info .date i {
    margin-right: 3px;
    font-size: 15px;
}

@media (max-width: 484px) {
    #svis h2 {
        font-size: 18px;
        height: 100px;
    }
}

@media (max-width: 550px) {
    .__sch button {
        width: 89%;
        margin-left: 0;
        margin-top: 5px;
    }

}

@media all and (max-width:1256px){
    .fade-li{display: none;}
    .economy-flexbox > li > ul{
        display: flex;
    flex-direction: row;
    justify-content: space-between;
        
        
    }
    .economy-flexbox{
        height: auto;
        
    }
    
    .economy-flexbox > li{
        height: auto;
        
        
    }
    
    .economy-flexbox > li > ul{
        height:auto;
        
    }
    
    .economy-flexbox > li > ul > .left{
       width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
        padding-right: 15px;
        
    }
    
}


.economy-round ul{
    
    box-sizing: border-box;
    display: flex;
    position: relative;
    margin-top: 20px;
     border-top:1px solid #ddd;
     border-bottom:1px solid #ddd;
}

.economy-round ul > li{
    width: 90%;
   
    
}




.economy-round ul > li.ttl{

    box-sizing: border-box;
    width: 10%;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
    background-color: #1561a1;
    border-top:none;
    color:#fff;
}


.economy-round ul > li > ul{
  
    width: 100%;
    display:flex;
    flex-direction: column;
    padding-bottom: 20px;
    padding-left: 30px;
    border:none;
    
}

.economy-round ul > li > ul > li{
    margin-top: 10px;
    
}


.economy-round ul > li > ul > li.list-subttl{
    font-weight: bold;
    font-size:20px;
    padding-bottom: 10px;
    margin-top: 0;
    color:#000;
}


.layout-02{
    display: flex;
    align-items: center;
    
}

.layout-02 > li.pic{
    width:45%;
    
}

.layout-02 > li.txt{
    width:55%;
    padding-left: 40px;
    
    
}
.down_list > li{
    line-height: 50px;
    border-bottom: 1px solid #efefef;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}




.dwnbtn{
    width: 150px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 8px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    color:#fff;
    background-color: #000;
    font-size:17px;
    
    
}


@media all and (max-width:1220px){
    .point-case > ul > li > ul > li > h3{
        font-size:40px;
        
    }
    
}


@media all and (max-width:1200px){
    .mob-br{display: none;}
    
}


@media all and (max-width:1100px){
    .economy-round ul {
    box-sizing: border-box;
    display: flex;
    position: relative;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    flex-direction: column;
}
    
    .economy-round ul > li.ttl {
    box-sizing: border-box;
    width: 100%;
    font-weight: bold;
    font-size: 20px;
    background-color: #1561a1;
    border-top: none;    
    line-height: 40px;
    text-indent: 30px;
    text-align: left;
    padding: 0;
}
    
    
}



@media all and (max-width:1000px){
    
    
    .down_list > li{
    line-height: 50px;
    border-bottom: 1px solid #efefef;
    display: flex;
    justify-content: space-between;
    align-items: center;
        font-size:16px;
    
}




.dwnbtn{
    width: 150px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 8px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    color:#fff;
    background-color: #000;
    font-size:14px;
    
    
}
    
    
    .governance > h2{
        display: none;
    }
    
    .governance > h3 {
        font-size:20px;
        
    }
    
    .governance_contents h2{
        font-size:22px;
        padding: 15px 30px 15px 30px;
        
    }
    
    
    .governance_contents > ul > li > div.first::before{
        display: none;
        
    }
    
    .governance_contents > ul > li > div.second::before{
        display: none;
        
    }
    
    .governance_contents > ul > li > div.third::before{
        display: none;
        
    }
    
    .governance_contents > ul > li > div{
        padding-left: 30px;
        padding-right: 30px;
        
    }
    
    .governance_contents > ul > li > div.third{
        padding-bottom: 15px;
        
    }
    
    .governance_contents > ul > li > div > h4{
        font-size:18px;
    }
    
    .governance_contents > ul > li > div p{
        font-size:16px;
    }
    
    .governance_contents > ul > li{
        padding-bottom:0px;
    }
    
    .governance_contents > ul.economy-list > li{
        padding-bottom:30px;
    }
    
    
    .governance_contents > ul {
        
        padding-bottom: 30px;
    }
    
    
    
    .bev-list{
        display: flex;
    width: 100%;
    flex-wrap: wrap;
    border-top: 2px solid #000;
    margin-top: 30px;
    flex-direction: column;
        
    }
    
    .bev-list > li{
        width: 100%;
    border: 1px solid #ddd;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 30px;
        padding-right: 30px;
    position: relative;
        border-bottom: none;
        
    }
    
    .bev-list > li:last-child{
        border-bottom: 1px solid #ddd;
    }
    
    .bev-list > li > div > h4{
        font-size:18px;
    }
    
    .bev-list > li > div p{
        font-size:16px;
    }
    
    .bev-list > li > div.first::before{
        display: none;
    }
    .bev-list > li > div.second::before{
          display: none;
    }
    .bev-list > li > div.third::before{
          display: none;
    }
    .bev-list > li > div.fourth::before{
          display: none;
    }
    .bev-list > li > div.fifth::before{
          display: none;
    }
    
    
    
    
    
    
    
     .economy-list .intro{
        font-size:18px;
        line-height: 1.4;
        
    }
    
    .economy-box .bold-txt{
        font-size:18px;
        
    }
    
    
    .governance_contents > ul.economy-list > li .table-ttl{
        font-size:17px;
        
    }
    
    .governance_contents > ul.economy-list > li tr.table-head > th{
        font-size:16px;
        padding-top: 5px;
        padding-bottom: 5px;
        
    }
    
    .governance_contents > ul.economy-list > li th{
        font-size:16px;
        padding-top: 15px;
    padding-bottom: 15px;
        
    }
    
    .governance_contents > ul.economy-list > li td{
        font-size:16px;
        
    }
    
    .economy-box h2{
        font-size:22px;
        padding: 15px 0 15px 30px;
    }
    
    .economy-box h3{
        font-size:20px;
    }
    
    
    .economy-box p {
        font-size:16px;
        
    }
    
    
    
    .left > p{font-size:16px;}
    .left > h4{font-size:28px;}
    
    
    
    .economy-box > .content-wrap > .economy-round > .nametag{
        font-size:17px;
        
    }
    
    
    .point-case p {
        font-size:16px;
        
    }
    
    .point-case > ul > .left{
        width:100%;
    }
    
    .point-case > ul > .right{
        display: none;
        
    }
    .point-case > ul > li > ul > li > h3::after{
        display: none;
    }
    
    .point-case .sum-list{
        
            justify-content: space-between;
        font-size:16px;
    }
    
    .point-case .sum-list > li > ul > h4{
        font-size:17px;
        font-weight: bold;
        
    }
    
    .point-case .sum-list > li > ul > li{
        font-size:16px;
    }
    
    .case-mgtop{
        margin-top: 16px;
    border-top: 1px dashed;
    padding-top: 90px;
        
        
    }
    
    .bkcf-list th{
        text-align: center;
        font-size:16px;
       
    }
    
    .bkcf-list td {
    color: #666;
    text-align: center;
    font-size: 16px;
   
}
    
    .tab_menu .list .btn01 {
        
        font-size:16px;
    }
    
    .brunei_infor_wri p{
        font-size:16px;
        
    }
    
    .brunei_geography_right p{
        
        font-size:16px;
    }
    
    .brunei_geography_right p:before {
    position: absolute;
    content: "";
    background: #9ea6b7;
    height: 5px;
    width: 5px;
    left: -15px;
    top: 8.5px;
}
    
    .graybox1{
        font-size:18px;
    }
    
    .brunei_geography_left h3 {
    font-size: 24px;
   
}
    
    .brunei_politics_box p{
        font-size:16px;
    }
    .brunei_politics h3{
        font-size:24px;
    }
    
    .daesa{
        font-size:17px;
    }
    
    .economy-round ul > li{
        width:97%;
    }
    
    
    .economy-round ul > li > ul{
        font-size:16px;
    }
    .economy-round ul > li > ul > li.list-subttl{
        font-size:17px;
    }
    
    .economy-round ul > li.ttl{
        font-size:17px;
    }
    
    
}

@media all and (max-width:969px){
    
    .layout-02 {
    display: flex;
    align-items: center;
    flex-direction: column;
}
 
    .layout-02 > li.pic {
    width: 100%;
        text-align: center;
}
    
    
    
    .layout-02 > li.txt {
    width: 100%;
   padding:0;
}
    
}



@media all and (max-width:823px){
    .economy-flexbox > li > ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
    
    .economy-flexbox {
    display: flex;
    justify-content: center;
    
    
}
    
    .economy-flexbox > li > ul > .left{
        width:100%;
    }
    
    
}

@media all and (max-width:721px){
    .point-case > ul > li > ul > li > h3{
        font-size:37px;
        
    }
    
    .point-case > ul > li > ul > li > h4{
        font-size:30px;
        
    }
    
    .tab_menu .list {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
    
    .tab_menu .list li {
    
    width: calc(100%/2);
}
    .tab_menu02 .list li{
        
      width: calc(100%/2);  
    }
    
    
    
    
}

@media all and (max-width:686px){
    
    .point-case .sum-list{
        flex-wrap:wrap; 
        
    }
    
    
    .point-case .sum-list > li{
        width:50%;
        margin-bottom: 15px;
    }
    
    
    .point-case .sum-another1 > li{
        width:100%;
    }
    
    .point-case > ul > li > ul > .sum{
        height:auto;
    }
    
}

@media all and (max-width:600px){
    
      .down_list > li{
    line-height: 50px;
    border-bottom: 1px solid #efefef;
    display: flex;
    justify-content: space-between;
    align-items: center;
        font-size:13px;
    
}




.dwnbtn{
    width: 100px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 8px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    color:#fff;
    background-color: #000;
    font-size:12px;
    
    
}
    
    
}





@media all and (max-width:550px){
    
    
     .governance > h3 {
        font-size:15px;
        
    }
    
    .governance > h3 > .big-ttl {
        font-size:21px;
        
    }
    
    .governance_contents h2{
        font-size:15px;
        padding: 15px;
    }
    
    .governance_contents > ul > li > div{
        padding-left:15px;
        padding-right: 15px;
        
    }
    
    .governance_contents > ul > li > div > h4{
        font-size:15px;
        
    }
    
    .governance_contents > ul{
       
    }
    
    .governance_contents > ul.economy-list > li{
        padding:15px;
        
    }
    
    .bkcf-listwrap{
        padding: 15px;
    }
    
    
    
    
    .governance_contents > ul > li > div p{
        font-size:13px;
        
    }
    
    .bev-list > li{
        padding: 15px;
        border-bottom: none;
    }
    
    .bev-list > li:last-child{
       
        border-bottom: 1px solid #ddd;;
    }
    
    
     .bev-list > li > div > h4{
        font-size:15px;
    }
    
    .bev-list > li > div p{
        font-size:13px;
    }
    
    
    .economy-list .intro{
        font-size:15px;
        
    }
    
    .governance_contents > ul.economy-list > li .table-ttl{
        font-size:13px;
    }
    
    .governance_contents > ul.economy-list > li tr.table-head > th{
        font-size:13px;
        
    }
    
    .governance_contents > ul.economy-list > li th{
        font-size:14px;
        
    }
    
    .governance_contents > ul.economy-list > li td{
        font-size:14px;
        
    }
    
    .left > p{font-size:13px;}
    
    .economy-box .bold-txt{font-size:14px;}
    .economy-box p{font-size:13px;}
    
    .economy-box > .content-wrap > .economy-round > .nametag{
        font-size:13px;
    }
    
    .economy-box h2{
        font-size:17px;
        padding: 15px;
        
    }
    
    .economy-box h3{
        font-size:17px;
    }
    
    .economy-box > .content-wrap{
        padding: 15px;
        
    }
    
    
    .point-case p{
        font-size:13px;
        
    }
    
    .point-case > ul > li > ul > li > h3{
        font-size:27px;
        
    }
    
    .point-case > ul > li > ul > li > h4{
        font-size:20px;
        line-height: 1.4;
    }
    
    .point-case > ul > li > ul > .title{
        height:auto;
    }
    
    .point-case > ul > li > ul > .txt{
        height:auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .point-case .sum-list > li > ul > h4{
        font-size:14px;
    }
    
    .point-case .sum-list > li > ul > h4::before{
    display: block;
    content: "";
    width: 4px;
    height: 12px;
    background: #ddd;
    position: absolute;
    top: 4px;
        
    }
    
    .point-case > ul > li > ul > .sum{
        
        border-top:2px solid #ddd;
    }
    
    .point-case .sum-list > li > ul > li{font-size:13px;}
    
    .point-case .sum-another1 > li{
        font-size:13px;
        margin-bottom: 8px;
        
    }
    
    .tab_menu .list .btn01 {
        
        font-size:14px;
    }
    
    .brunei_infor {
    margin-top: 50px;
    box-sizing: border-box;
    font-size: 0;
    display: flex;
    align-items: center;
    
    flex-direction: column;
}
    .brunei_infor_img{
        width:100%;
        margin-bottom: 10px;
    }
    
    .brunei_infor_wri{
        padding-left: 10px;
    }
    .brunei_infor_wri p{
        font-size:13px;
    }
    
    .brunei_geography_right p{
        font-size:13px;
    }
    
    
     .brunei_geography_right p:before {
    position: absolute;
    content: "";
    background: #9ea6b7;
    height: 5px;
    width: 5px;
    left: -15px;
    top: 8.5px;
}
    
    .graybox1{
        font-size:15px;
    }
    
    .brunei_geography_left h3 {
    font-size: 22px;
   
}
    
    .brunei_politics_box p{
        font-size:13px;
    }
    
    .brunei_politics h3{
        font-size:22px;
    }
    
    .daesa{
        font-size:14px;
    }
    
    #_sns .area .box .img img {
    width: 100%;
    max-height: 250px;
    display: block;
    height: 177px;
    border-radius: 5px;
}
    
    #_sns .area .box .img {
    width: 40%;
    max-height: 250px;
    display: block;
    height: 180px;
    margin-left: 10px;
}
    
    #_sns .area .box .in {
    /* border-radius: 10px; */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: nowrap;
    height: 195px;
    align-items: center;
}
    
    #_sns .area .box {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 196px;
    margin-bottom: 20px;
    border: 1px solid #efefef;
    border-radius: 10px;
    transition: 0.3s ease-in;
}
    
    #_sns .area .box .info{
        padding:17px;
    }
    
    #_sns .area .box .info .subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    color: #555;
    letter-spacing: -0.05em;
    font-weight: 900;
}
    
    #_sns .area .box .info .sum {
    margin-top: 20px;
    font-size: 13px;
    letter-spacing: -0.05em;
    font-weight: 300;
    line-height: 1.4em;
    max-height: 4.2em;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
    
    #_sns .area .box .info .date {
    color: #6b7e92;
    font-size: 13px;
    /* margin-top: 10px; */
    display: flex;
    align-items: center;
    /* float: right; */
    margin-top: 15px;
}
    
     .economy-round ul > li{
        width:100%;
    }
    
    
    .economy-round ul > li > ul{
        font-size:13px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .economy-round ul > li > ul > li.list-subttl{
        font-size:15px;
    }
    
    .economy-round ul > li.ttl{
        font-size:15px;
        text-indent: 10px;
    }
    
    
    
    
    
    
}


@media all and (max-width:440px){
    
    
      .down_list > li{
   line-height: 50px;
    border-bottom: 1px solid #efefef;
    display: flex;
    font-size: 13px;
    flex-direction: column;
    align-items: flex-start;
          padding-bottom: 20px;
    
}




.dwnbtn{
    
    width: 80px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 8px;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    color:#fff;
    background-color: #000;
    font-size:12px;
    float: right;
    
    
}
    
    
    
    
    
    
    .new_br{display: none;}
    
    .point-case .sum-list > li > ul{
        position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
        text-align: center;
        
    }
    .point-case .sum-list > li > ul > li > span{
        padding: 0;
        margin: 0;
    }
    
    
    .point-case .sum-list{
        display: flex;
    padding-top: 20px;
    flex-direction: column;
    align-items: center;
        text-align: center;
        
    }
    
    .point-case .sum-list > li{
        width:100%;
    }
    
    .point-case > ul > li > ul > li > h3{
        text-align: center;
        font-size:21px;
    }
    
    .point-case > ul > li > ul > li > h4{
        text-align: center;
    }
    
    .point-case p{
        
        text-align: center;
    }
    
    .case-mgtop{
        
        
    }
    
    .tab_menu .list li {
    
    width: calc(100%/2);
}
    
    
}


@media all and (max-width:360px){
    #_sns .area .box .img {
   
    display: none;
}
    #_sns .area .box .info{
        width: 100%;
    }
    
}