@charset "utf-8";

@import './font.css';

* { 
    font-family: 'Noto Sans', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: keep-all;
    /** css3 protected**/
    /*
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select:none;
    */
}
body{
    margin:0;
    padding:0;
}
.mo_area{
    display:none;
}
#header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    background: #1B2C44 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height:100px;
    z-index:10;
}
#header > a{
    display:block;
    text-align:center;
    background-image:url(/mk/images/w/logo@2x.png);
    background-repeat:no-repeat;
    background-size:446px 56px;
    background-position:center center;
    height:100%;
    cursor:pointer;
}
#banners{
    background-image:url(/mk/images/w/main_bg_01@2x.png);
    background-repeat:no-repeat;
    background-size:cover;
    height:707px;
    position:relative;
}
#banners > .box{
    position:absolute;
    top: 210px;
    left: 50%;
    margin-left:-351px;
    width: 702px;
    height: 300px;
    background: transparent radial-gradient(closest-side at 50% 50%, #1F5490 0%, #1B2C44 100%) 0% 0% no-repeat padding-box;
    opacity: 0.95;
    font:normal 44px/53px 'hufs';
    letter-spacing: 0px;
    color:#fff;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items: center;
}
#banners > .box > div{
    font:normal 36px/43px 'hufs';
    color:#fff;
    text-align:center;
    margin:10px 0 15px;
}
#banners > .box > h1{
    font:normal 64px/77px 'hufs';
    color:#c5a75b;
    text-align:center;
    line-height:1;
    margin:0;
}
#banners > .box:before{
    content:'';
    position:absolute;
    top: 16px;
    left: 16px;
    width: 669px;
    height: 268px;
    border: 2px solid #9A8263;
    opacity: 1;
}
#banners > .news{
    position:absolute;
    bottom: 0px;
    left: 0px;
    right:0px;
    height: 79px;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0.8;
    color: #fff;
    text-align: center;
    display:flex;
    justify-content:center;
}
#banners > .news > div{
    font: Bold 24px/79px 'Noto Sans';
    display:inline-block;
}
#banners > .news > dl{
    font: normal 18px/79px 'Noto Sans';
    padding-left:27px;
    display:flex;
    margin:0;
}
#banners > .news > dl dt{
    position:relative;
}
#banners > .news > dl dt:last-of-type{
    margin-left:13px;
    padding-left:13px;
}
#banners > .news > dl dt:last-of-type:after {
    content:'';
    display:block;
    width:1px;
    height:16px;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-8px;
    background:rgba(255,255,255,0.5)
}
#banners > .news > dl dd{
    margin-left:5px;
}
#banners > .news > small{
    font: normal 18px/79px 'Noto Sans';
    padding-left:20px;
    position:relative;
    display:inline-block;
}
#banners > .news > small:before{
    content:'|';
    font: normal 18px/79px 'Noto Sans';
    position:absolute;
    left:0;
}
#banners2{
    background-image:url(/mk/images/w/main_bg_02@2x.png);
    background-repeat:no-repeat;
    background-size:cover;
    height:726px;
    position:relative;
    padding:48px 0 0 0;
}
#banners2 > .title1{
    text-align: center;
    font:normal 24px/46px 'Noto Sans';
    color: #c5a75b;
    margin:0 auto 0 auto;
    width:450px;
    height:46px;
    position:relative;
}
#banners2 > .title1 span {
    position:relative;
    z-index:10;
}
#banners2 > .title1:after {
    content:'';
    position: absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    background: #1B2C44;
    opacity:0.6;
    z-index:5;
}
#banners2 > .title2{
    text-align: center;
    font:normal 52px/60px 'hufs';
    color: #fff;
    margin:18px 0 0 0;
}
#banners2 > .title3{
    max-width:860px;
    height:215px;
    background-image:url(/mk/images/w/main_bn@2x.png);
    background-repeat:no-repeat;
    background-size:860px 215px;
    background-position:center center;
    margin:30px auto 0 auto;
}
ul.tab_menu{
    width:100%;
    height:80px;
    background: #889BAE 0% 0% no-repeat padding-box;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items: center;
    list-style-type:none;
    margin:0;
    padding: 0;
}
ul.tab_menu > li{
    width:320px;
    height:80px;
    list-style-type:none;
    text-align:center;
    border-left:1px solid #C7C7C7;
    font:normal 20px/24px 'hufs';
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items: center;
    opacity:0.8;
}
ul.tab_menu > li > div{
    font:normal 16px/19px 'hufs';
    padding:7px 0 0 0;
}
ul.tab_menu > li.select{
    background-color:#fff;
    color:#1B2C44;
    opacity:1;
    border-bottom:2px solid #9a8263;
}
ul.tab_menu > li:last-child{
    border-right:1px solid #C7C7C7;
}
.content1,
.content2,
.content3{
    display:none;
}
.content1.select,
.content2.select,
.content3.select{
    display:block;
}
.content1 > .title,
.content2 > .title,
.content3 > .title{
    padding:60px 0;
    text-align:center;
    font:normal 40px/48px 'hufs';
    color: #000;
    position:relative;
}
.content1 > .title > span,
.content2 > .title > span,
.content3 > .title > span{
    color: #9A8263;
    font-family:'hufs';
}
.content1 > .title:after,
.content2 > .title:after,
.content3 > .title:after{
    content:'';
    width:60px;
    height:3px;
    background: #C9BFB6 0% 0% no-repeat padding-box;
    position:absolute;
    bottom:30px;
    left:50%;
    margin-left:-30px;
}
.content1 > .title2{
    text-align: center;
    font:normal 18px/26px 'Noto Sans';
    color: #333;
}
.content1 > .content{
    margin:30px auto;
    max-width:860px;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border: 1px solid #C7C7C7;
}
.content1 > .content > .title{
    margin:30px auto 60px auto;
    text-align: center;
    font:normal 40px/48px 'hufs';
    color: #000;
    position:relative;
}
.content1 > .content > .title:after{
    content: '';
    width: 60px;
    height: 3px;
    background: #C9BFB6 0% 0% no-repeat padding-box;
    position: absolute;
    bottom:-30px;
    left: 50%;
    margin-left: -30px;
}
.content1 > .content > .title > span{
    color: #9A8263;
    font-family:'hufs';
}
.content1 > .content > .img,
.content1 > .content > .img2,
.content1 > .content > .img3,
.content1 > .content > .img4,
.content1 > .content > .img5{
    width:100px;
    height:100px;
    background-image:url(/mk/images/w/ico_01@2x.png);
    background-repeat:no-repeat;
    background-size:100px 100px;
    background-position:center center;
    margin:30px auto;
}
.content1 > .content > .img2{
    background-image:url(/mk/images/w/ico_02@2x.png);
}
.content1 > .content > .img3{
    background-image:url(/mk/images/w/ico_03@2x.png);
}
.content1 > .content > .img4{
    background-image:url(/mk/images/w/ico_04@2x.png);
}
.content1 > .content > .img5{
    background-image:url(/mk/images/w/ico_05@2x.png);
}
.content1 > .content > .txt{
    text-align: center;
    font:Bold 20px/28px 'Noto Sans';
    color: #000000;
}
.content1 > .content > .txt > div{
    font:normal 18px/30px 'Noto Sans';
    color: #333;
}
.content1 > .content > .hr{
    width:90%;
    height:0px;
    margin:30px auto;
    border-top:1px dashed #c7c7c7;
}
.content1 > .box{
    background-image:url(/mk/images/w/main_bg_03.png);
    background-repeat:no-repeat;
    background-size:cover;
    height:1094px;
    position:relative;
    margin:60px 0 30px 0;
}
.content1 > .box > .title{
    text-align: center;
    font:normal 40px/48px 'hufs';
    color: #fff;
    padding:60px 0;
    position:relative;
}
.content1 > .box > .title:after{
    content: '';
    width: 60px;
    height: 3px;
    background: #C9BFB6 0% 0% no-repeat padding-box;
    position: absolute;
    bottom:30px;
    left: 50%;
    margin-left: -30px;
}
.content1 > .box > .title > span{
    color: #c5a75b;
    font-family:'hufs';
}
.content1 > .box > .title2{
    text-align: center;
    font:normal 18px/26px 'Noto Sans';
    letter-spacing: 0px;
    color: #FFFFFF;
}
.content1 > .box > .img{
    width:636px;
    height:240px;
    background-image:url('/mk/images/w/ico_06@2x.png');
    background-repeat:no-repeat;
    background-size:636px 240px;
    background-position:center center;
    margin:30px auto 0 auto;
}
.content1 > .box > .img2{
    width:474px;
    height:211px;
    background-image:url('/mk/images/w/ico_07@2x.png');
    background-repeat:no-repeat;
    background-size:474px 211px;
    background-position:center center;
    margin:30px auto 0 auto;
}
.content1 > .limg{
    background-image:url(/mk/images/w/whybfmba_img_01@2x.png);
    background-repeat:no-repeat;
    background-size:cover;
    height:192px;
    position:relative;
}
.content1 > .limg > .title{
    max-width:860px;
    position:absolute;
    top:74px;
    left:50%;
    margin-left:-430px;
    text-align: left;
    font: Bold 26px/38px 'Noto Sans';
    letter-spacing: 0px;
    color: #fff;
}
.content1 > .limg > .title > div{
    max-width:860px;
    position:absolute;
    top:58px;
    left:0;
    text-align: left;
    font: Bold 20px/29px 'Noto Sans';
    letter-spacing: 0px;
    color: #fff;
}
.content1 > .text{
    max-width:860px;
    margin:20px auto;
    text-align: left;
    font:normal 18px/26px 'Noto Sans';
    color: #333;
    word-wrap: break-word;
    word-break: keep-all;
}
.content1 > .chucheon{
    margin:60px 0 0 0;
    background: #B49874 0% 0% no-repeat padding-box;
}
.content1 > .chucheon > .title{
    text-align: center;
    font:normal 40px/48px 'hufs';
    color: #fff;
    padding:60px 0;
    position:relative;
}
.content1 > .chucheon > .title:after{
    content: '';
    width: 60px;
    height: 3px;
    background: #C8C0B7 0% 0% no-repeat padding-box;
    position: absolute;
    bottom:30px;
    left: 50%;
    margin-left: -30px;
}
.content1 > .chucheon > .title > span{
    color: #163A76;
    font-family:'hufs';
}
.content1 > .chucheon > .item{
    max-width:860px;
    margin:0 auto 20px auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}
.content1 > .chucheon > .item > .title{
    height:72px;
    background: #163A76 0% 0% no-repeat padding-box;
    text-align: center;
    font:Bold 22px/72px 'Noto Sans';
    color:#fff;
}
.content1 > .chucheon > .item > .title > span{
    color:#C5A75B;
}
.content1 > .chucheon > .item > .img_name{
    max-width:860px;
    padding:30px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items: center;
    position:relative;
}
.content1 > .chucheon > .item > .img_name > .img{
    width:126px;
    height:124px;
    background-repeat:no-repeat;
    background-size:126px 124px;
    background-position:center center;
    margin-left:-48px;
}
.content1 > .chucheon > .item > .img_name > .p1{
    background-image:url('/mk/images/m/m_whybfmba_img_02@2x.png');
}
.content1 > .chucheon > .item > .img_name > .p2{
    background-image:url('/mk/images/m/m_whybfmba_img_03@2x.png');
}
.content1 > .chucheon > .item > .img_name > .p3{
    background-image:url('/mk/images/m/m_whybfmba_img_04@2x.png');
}
.content1 > .chucheon > .item > .img_name > .p4{
    background-image:url('/mk/images/m/m_whybfmba_img_05@2x.png');
}
.content1 > .chucheon > .item > .img_name > .p5{
    background-image:url('/mk/images/m/m_whybfmba_img_06@2x.png');
}
.content1 > .chucheon > .item > .img_name > .p6{
    background-image:url('/mk/images/m/m_whybfmba_img_07@2x.png');
}
.content1 > .chucheon > .item > .img_name > .p7{
    background-image:url('/mk/images/m/m_whybfmba_img_08@2x.png');
}
.content1 > .chucheon > .item > .img_name > .p8{
    background-image:url('/mk/images/m/m_whybfmba_img_09@2x.png');
}
.content1 > .chucheon > .item > .img_name > .info{
    width:714px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items: flex-start;
    margin-left:8px;
}
.content1 > .chucheon > .item > .img_name > .info > .name{
    text-align: left;
    font: Bold 28px/41px 'Noto Sans';
    color: #000;
}
.content1 > .chucheon > .item > .img_name > .info > .txt{
    text-align: left;
    font:normal 18px/28px 'Noto Sans';
    margin:15px 0 0 0;
    color: #000;
}
.content1 > .chucheon > .item > .img_name > .info > .txt2{
    text-align: left;
    font:normal 16px/24px 'Noto Sans';
    color: #000;
    opacity: 0.5;
}
.content1 > .chucheon > .item > .desc{
    max-width:860px;
    padding:0 30px 30px 30px;
    text-align: left;
    font:normal 18px/26px 'Noto Sans';
    color: #333;
    word-wrap: break-word;
    word-break: keep-all;
}
.btns{
    padding:60px 0 100px 0;
    max-width:860px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin:0 auto;
}
.btns > a{
    width: 420px;
    height: 80px;
    font:Bold 28px/80px 'Noto Sans';
    color: #fff;
    text-decoration:none;
    text-align:center;
}
.btns > a.btn1{
    background: #3C8092 0% 0% no-repeat padding-box;
}
.btns > a.btn2{
    background: #234E95 0% 0% no-repeat padding-box;
}
.btns2{
    padding: 20px 0 0 220px;
    max-width:860px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin:0 auto;
}
.btns2 > a{
    width: 420px;
    height: 80px;
    font:Bold 28px/80px 'Noto Sans';
    color: #fff;
    text-decoration:none;
    text-align:center;
}
.btns2 > a.btn3{
    background: #163A76 0% 0% no-repeat padding-box;
}
.btns3{
    padding:20px 0 0 660px;
    max-width:860px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin:0 auto;
}
.btns3 > a{
    width: 200px;
    height: 40px;
    font:Bold 28px/80px 'Noto Sans';
    color: #fff;
    text-decoration:none;
    text-align:center;
}
.btns > a.btn4{
    background: #163A76 0% 0% no-repeat padding-box;
}
.btitle{
    text-align: left;
    font:normal 32px/39px 'hufs';
    color: #9A8263;
    max-width:860px;
    margin:40px auto 0;
}
.title + .btitle{
    margin-top:0;
}
.btitle_sub{
    position: relative;
    font:normal 18px/27px 'Noto Sans';
    color:#333;
    max-width:860px;
    margin:20px auto 0;
    padding-left:18px;
}
.btitle_sub:before {
    content:'';
    display:inline-block;
    width:5px;
    height:5px;
    background:#9a8263;
    border-radius:50%;
    position: absolute;
    top:50%;
    left:0;
    margin-top:-2px;
}
.table + .btitle_sub{
    margin-top:10px;
}
.table{
    max-width:860px;
    display:flex;
    flex-wrap:wrap;
    border:1px solid #C7C7C7;
    border-bottom:0;
    margin:20px auto 0;
}
.table > .th{
    background-color:#ebe6e0;
    padding:20px 0;
    font:normal 18px/26px 'Noto Sans';
    color: #333;
    text-align:center;
    border-bottom:1px solid #C7C7C7;
    border-right:1px solid #C7C7C7;
}
.table > .td{
    background-color:#fff;
    padding:20px;
    font:normal 18px/26px 'Noto Sans';
    color: #333;
    text-align:left;
    border-bottom:1px solid #C7C7C7;
    border-right:1px solid #C7C7C7;
}
.table > .th:last-child,
.table > .td:last-child,
.table > .th.end,
.table > .td.end{
    border-right:0;
}
br.m_only{
    display:none;
}


/*모바일*/
@media screen and (max-width: 768px) {
    body {
        overflow-x:hidden;
    }
    .mo_area{
        display:block;
    }
    #header{
        height:63px;
    }
    #header > a{
        background-size:300px 37px;
        background-image: url(/mk/images/m/m_logo@2x.png);
    }
    #banners{
        height: 467px;
        background-image: url(/mk/images/m/m_main_bg_01@2x.png);
    }
    #banners > .box{
        top: 120px;
        margin-left:-170px;
        width: 340px;
        height: 175px;
        font-size:26px;
        line-height:1;
    }
    #banners > .box > div{
        font-size:22px;
        margin:5px 0 10px;
    }
    #banners > .box > h1{
        font-size:40px;
        margin:0;
        line-height:1;
    }
    #banners > .box:before{
        top: 10px;
        left: 10px;
        width: 320px;
        height: 155px;
    }
    #banners > .news{
        height: 80px;
        line-height:1;
        flex-direction:column;
        justify-content:center;
        border-top:2px solid #b49874;
        border-bottom:2px solid #b49874;
    }
    #banners > .news > div{
        font-size:18px;
        padding-left:0px;
        display:block;
        line-height:1;
    }
    #banners > .news > dl {
        display:flex;
        justify-content:center;
        margin-top:10px;
        padding-left:0;
        font-size:14px;
        line-height:1;
    }
    #banners > .news > dl dt:last-of-type {
        margin-left:10px;
        padding-left:10px;
    }
    #banners > .news > dl dt:last-of-type:after{
        height:12px;
        margin-top:-5px;
    }
    #banners > .news > small{
        font: normal 18px/79px 'Noto Sans';
        padding-left:20px;
        position:relative;
        display:inline-block;
    }
    #banners > .news > small:before{
        content:'|';
        font: normal 18px/79px 'Noto Sans';
        position:absolute;
        left:0;
    }
    #banners2{
        background-image:url(/mk/images/m/m_main_bg_02@2x.png);
        height:752px;
        padding:44px 0 0 0;
    }
    #banners2 > .title1{
        font:normal 15px/22px 'Noto Sans';
        width:100%;
        height:auto;
    }
    #banners2 > .title1:after {
        display:none;
    }
    #banners2 > .title2{
        font:normal 40px/48px 'hufs';
        color: #fff;
        margin:18px 0 0 0;
    }
    #banners2 > .title3{
        position:relative;
        width:100%;
        height:340px;
        margin:60px auto 0;
        background-image:url(/mk/images/m/m_main_bn@2x.png);
        background-size:340px 340px;
    }
    .phone_call{
        position:absolute;
        top:-55px;
        left:0;
        width:100%;
        height:60px;
        background:#9a8263;
    }
    .phone_call > dl {
        display:flex;
        flex-direction:column;
        justify-content:center;
        float:left;
        width:40%;
        height:100%;
        margin:0;
        padding-left:22px;
        background:#a59176;
        font:normal 16px/20px 'Noto Sans';
        color:#fff;
    }
    .phone_call > dl dd {
        margin-left:0;
        font:normal 13px/20px 'Noto Sans';
    }
    .phone_call > div {
        position:relative;
        float:left;
        width:60%;
        height:100%;
        display:flex;
        text-align:center;
        justify-content:center;
        align-items: center;
    }
    .phone_call > div a {
        display:block;
        height:40px;
        padding-left:52px;
        background:url(/mk/images/m/m_ico_call@2x.png) no-repeat top left;
        background-size:40px 40px;
        font:normal 20px/40px 'Noto Sans';
        color:#fff;
        text-decoration:none;
    }
    ul.tab_menu{
        height:60px;
    }
    ul.tab_menu > li{
        width:33.3%;
        height:60px;
        list-style-type:none;
        text-align:center;
        border-left:1px solid #fff;
        font:normal 16px/24px 'hufs';
        color:#fff;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items: center;
    }
    ul.tab_menu > li > div{
        font:normal 13px/24px 'hufs';
        padding:0;
    }
    ul.tab_menu > li.select{
        background-color:#fff;
        color:#000;
    }
    ul.tab_menu > li:last-child{
        border-right:1px solid #fff;
    }
    .content1,
    .content2,
    .content3{
        display:none;
    }
    .content1.select,
    .content2.select,
    .content3.select{
        display:block;
    }
    .content1 > .title,
    .content2 > .title,
    .content3 > .title{
        padding:40px 0;
        text-align:center;
        font:normal 24px/32px 'hufs';
        color: #000;
        position:relative;
    }
    .content1 > .title > span,
    .content2 > .title > span,
    .content3 > .title > span{
        color: #9A8263;
    }
    .content1 > .title:after,
    .content2 > .title:after,
    .content3 > .title:after{
        content:'';
        width:30px;
        height:2px;
        background: #C9BFB6 0% 0% no-repeat padding-box;
        position:absolute;
        bottom:20px;
        left:50%;
        margin-left:-15px;
    }
    .content1 > .title2{
        padding:0 18px;
        text-align: center;
        font:normal 14px/20px 'Noto Sans';
        color: #333;
    }
    .content1 > .content{
        margin:20px 18px 0;
        padding:30px 20px;
        width:auto;
        background: #F5F5F5 0% 0% no-repeat padding-box;
        border: 1px solid #C7C7C7;
    }
    .content1 > .content > .title{
        margin:0;
        text-align: center;
        font:normal 24px/32px 'hufs';
        color: #000;
        position:relative;
    }
    .content1 > .content > .title:after{
        content: '';
        width: 30px;
        height: 2px;
        background: #C9BFB6 0% 0% no-repeat padding-box;
        position: absolute;
        bottom:-15px;
        left: 50%;
        margin-left: -15px;
    }
    .content1 > .content > .title > span{
        color: #9A8263;
    }
    .content1 > .content > .img,
    .content1 > .content > .img2,
    .content1 > .content > .img3,
    .content1 > .content > .img4,
    .content1 > .content > .img5{
        width:80px;
        height:80px;
        background-image:url(/mk/images/w/ico_01@2x.png);
        background-repeat:no-repeat;
        background-size:80px 80px;
        background-position:center center;
        margin:40px auto 16px;
    }
    .content1 > .content > .img2{
        background-image:url(/mk/images/w/ico_02@2x.png);
    }
    .content1 > .content > .img3{
        background-image:url(/mk/images/w/ico_03@2x.png);
    }
    .content1 > .content > .img4{
        background-image:url(/mk/images/w/ico_04@2x.png);
    }
    .content1 > .content > .img5{
        background-image:url(/mk/images/w/ico_05@2x.png);
    }
    .content1 > .content > .txt{
        text-align: center;
        font:Bold 16px/28px 'Noto Sans';
        color: #000000;
    }
    .content1 > .content > .txt > div{
        margin-top:10px;
        font:normal 14px/20px 'Noto Sans';
        color: #333;
    }
    .content1 > .content > .hr{
        width:100%;
        margin:30px 0;
        border-top:2px dashed #c7c7c7;
    }
    .content1 > .box{
        background-image:url(/mk/images/m/m_main_bg_03.png);
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center center;
        height:704px;
        position:relative;
        margin:40px 0 0 0;
    }
    .content1 > .box > .title{
        text-align: center;
        font:normal 24px/32px 'hufs';
        color: #fff;
        padding:40px 0;
        position:relative;
    }
    .content1 > .box > .title:after{
        content: '';
        width: 30px;
        height: 3px;
        background: #C9BFB6 0% 0% no-repeat padding-box;
        position: absolute;
        bottom:15px;
        left: 50%;
        margin-left: -15px;
    }
    .content1 > .box > .title > span{
        color: #c5a75b;
    }
    .content1 > .box > .title2{
        padding:0 18px;
        text-align: center;
        font:normal 14px/20px 'Noto Sans';
        letter-spacing: 0px;
        color: #FFFFFF;
    }
    .content1 > .box > .img{
        width:100%;
        height:131px;
        background-image:url('/mk/images/m/m_ico_06@2x.png');
        background-size:340px 131px;
        margin:20px auto 10px;
    }
    .content1 > .box > .img2{
        width:100%;
        height:115px;
        background-image:url('/mk/images/m/m_ico_07@2x.png');
        background-size:253px 115px;
        margin:0;
    }
    .content1 > .limg{
        background-image:url(/mk/images/m/m_whybfmba_img_01@2x.png);
        background-size:cover;
        background-position:center right;
        min-height:144px;
        height:auto;
        position:relative;
    }
    .content1 > .limg > .title{
        width:70%;
        position:relative;
        top:auto;
        left:auto;
        margin-left:0;
        padding:48px 0 18px 18px;
        font: Bold 18px/26px 'Noto Sans';
        letter-spacing: 0px;
        color: #fff;
    }
    .content1 > .limg > .title > div{
        width:70%;
        position:relative;
        top:auto;
        left:auto;
        margin-top:20px;
        font: Bold 12px/20px 'Noto Sans';
        letter-spacing: 0px;
        color: #fff;
    }
    .content1 > .text{
        width:auto;
        margin:20px 0 0 0;
        padding:0 18px;
        text-align: left;
        font:normal 14px/20px 'Noto Sans';
        color: #333;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .content1 > .chucheon{
        margin:40px 0 0 0;
        background: #B49874 0% 0% no-repeat padding-box;
    }
    .content1 > .chucheon > .title{
        text-align: center;
        font:normal 24px/32px 'hufs';
        color: #fff;
        padding:40px 0;
        position:relative;
    }
    .content1 > .chucheon > .title:after{
        content: '';
        width: 30px;
        height: 3px;
        background: #C8C0B7 0% 0% no-repeat padding-box;
        position: absolute;
        bottom:15px;
        left: 50%;
        margin-left: -15px;
    }
    .content1 > .chucheon > .title > span{
        color: #163A76;
    }
    .content1 > .chucheon > .item{
        margin: 0 18px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
    }
    .content1 > .chucheon > .item > .title{
        height:auto;
        padding:15px;
        background: #163A76 0% 0% no-repeat padding-box;
        text-align: center;
        font:Bold 16px/20px 'Noto Sans';
        color:#fff;
    }
    .content1 > .chucheon > .item > .title > span{
        color:#C5A75B;
    }
    .content1 > .chucheon > .item > .img_name{
        width:100%;
        padding:20px;
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items: center;
        position:relative;
    }
    .content1 > .chucheon > .item > .img_name > .img{
        width:126px;
        height:106px;
        background-repeat:no-repeat;
        background-size:126px 124px;
        background-position:center center;
        margin-left:-30px;
    }
    .content1 > .chucheon > .item > .img_name > .info{
        width:100%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items: flex-start;
        margin-left:5px;
    }
    .content1 > .chucheon > .item > .img_name > .info > .name{
        text-align: left;
        font: Bold 20px/28px 'Noto Sans';
        color: #000;
    }
    .content1 > .chucheon > .item > .img_name > .info > .txt{
        text-align: left;
        font:normal 13px/20px 'Noto Sans';
        margin:15px 0 0 0;
        color: #000;
    }
    .content1 > .chucheon > .item > .img_name > .info > .txt2{
        text-align: left;
        font:normal 12px/28px 'Noto Sans';
        color: #000;
        opacity: 0.5;
    }
    .content1 > .chucheon > .item > .desc{
        width:100%;
        padding:0 20px 20px;
        text-align: left;
        font:normal 14px/21px 'Noto Sans';
        color: #333;
        word-break: break-word;
    }
    .btns{
        padding:40px 18px 72px;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        margin:0 auto;
    }
    .btns > a{
        width:48%;
        height: 48px;
        font:Bold 16px/48px 'Noto Sans';
        color: #fff;
        text-decoration:none;
        text-align:center;
    }
    .btns > a.btn1{
        background: #3C8092 0% 0% no-repeat padding-box;
    }
    .btns > a.btn2{
        background: #234E95 0% 0% no-repeat padding-box;
    }
    .btns2{
        padding:20px 0 0 120px;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        margin:0 auto;
    }
    .btns2 > a{
        width:60%;
        height: 48px;
        font:Bold 16px/48px 'Noto Sans';
        color: #fff;
        text-decoration:none;
        text-align:center;
    }
    .btns2 > a.btn3{
        background: #163A76 0% 0% no-repeat padding-box;
    }
    .btns3{
        padding:20px 0 0 216px;
        max-width:860px;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        margin:0 auto;
    }
    .btns3 > a{
        width: 181px;
        height: 40px;
        font:Bold 28px/80px 'Noto Sans';
        color: #fff;
        text-decoration:none;
        text-align:center;
    }
    .btns > a.btn4{
        background: #163A76 0% 0% no-repeat padding-box;
    }
    .btitle{
        font:normal 20px/32px 'hufs';
        margin:30px 18px 0;
    }
    .btitle_sub{
        padding:0 0 0 10px;
        font:normal 14px/20px 'Noto Sans';
        margin:0 18px;
    }
    .btitle_sub:before{
        width:3px;
        height:3px;
        top:9px;
        margin-top:0;
    }
    .table{
        display:flex;
        flex-wrap:wrap;
        border:1px solid #C7C7C7;
        border-bottom:0;
        margin:10px 18px 0 18px;
    }
    .table > .th{
        background-color:#ebe6e0;
        padding:10px 0;
        font:normal 14px/20px 'Noto Sans';
        color: #333;
        text-align:center;
        border-bottom:1px solid #C7C7C7;
        border-right:1px solid #C7C7C7;
    }
    .table > .td{
        background-color:#fff;
        padding:10px;
        font:normal 14px/20px 'Noto Sans';
        color: #333;
        text-align:left;
        border-bottom:1px solid #C7C7C7;
        border-right:1px solid #C7C7C7;
    }
    .table > .th:last-child,
    .table > .td:last-child,
    .table > .th.end,
    .table > .td.end{
        border-right:0;
    }
    .table.row > .th {
        width: 30% !important;
    }
    .table.row > .td.end {
        width: 70% !important;
    }
    br.m_only{
        display:block;
    }
}