/* font-family: 'Noto Sans KR', sans-serif; */
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
@-ms-viewport { width: device-width;}
@-o-viewport { width: device-width;}
@viewport { width: device-width;}
#wrap{display: none;}
#pc{display: none;}
#Mwrap{width: 100%; height: auto;}
.Mheader{position:fixed; width: 100%; height: 13.0208vw; border-bottom: 1px solid rgba(255, 255, 255, 0.2); z-index: 99;
    top:0; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.3 ); display: flex;}
.Mlogo{width: 23.1771vw; height: 7.6823vw; display: block; margin: 2.9531vw 3.9063vw; position: absolute; z-index: 30;top:-1vw}
.Mlogo1{width: 7.1771vw; height: 7.6823vw; display: block; margin: 2.9531vw 3.9063vw; position: absolute; z-index: 30;left: 28vw;}

.Mlogo .white{width: 23.1771vw; height: 7.6823vw; background: url("../img/mobile/main/logo.png")no-repeat; background-size: 100%;}
.Mlogo1 .white1{width: 7.1771vw; height: 7.6823vw; background: url("../img/main/header-logo-white1.png")no-repeat; background-size: 100%;}

.Mheader.active {background-color: rgba(0, 0, 0, 0.3 );}
.Mheader.active .nav .low:hover{ border-top: 3px solid #ee7319;}
.menu {position: absolute;  right: 0;width: 100%; height: 100vh; max-width: 0; transition: 0.5s ease; z-index: 1;
    display: block; background: url("../img/mobile/main/menu-bg.png")no-repeat; background-size: 100% 100%;}
.inner{width: 50vw; height: 51.3vh;  margin-top: 25vh; margin-left: 10vw;}
table{width: 60vw; height: 51.3vh; }
th{width: 29vw; height: auto; color: #fff;  font-size: 20px; font-weight: bold;font-family: 'Noto Sans KR', sans-serif; vertical-align: top;
    text-align: left;}
td{width: 27.2vw; height: 4.32vh; font-size: 17px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif;}
.burger-icon { cursor: pointer; display: inline-block; position: absolute;z-index: 2;padding: 1.0417vw 0;top: 5.2083vw;right: 3.9063vw;
    user-select: none; width: auto; margin: 0;}
.burger-icon .burger-sticks {background: #fff; display: block; height: 0.6510vw; position: relative; transition: background .2s ease-out;
    width: 30px;border-radius: 50px;}
.burger-icon .burger-sticks:before,
.burger-icon .burger-sticks:after {background: #fff; content: ''; display: block; height: 100%; position: absolute;
    transition: all .2s ease-out; width: 100%; border-radius: 50px;}
.burger-icon .burger-sticks:before {top: 10px;}
.burger-icon .burger-sticks:after {top: -10px;}
.burger-check {display: none;}
.burger-check:checked~.menu {max-width: 100vw;}
.burger-check:checked~.burger-icon .burger-sticks {background: transparent;}
.burger-check:checked~.burger-icon .burger-sticks:before {transform: rotate(-45deg);}
.burger-check:checked~.burger-icon .burger-sticks:after {transform: rotate(45deg);}
.burger-check:checked~.burger-icon:not(.steps) .burger-sticks:before,
.burger-check:checked~.burger-icon:not(.steps) .burger-sticks:after {top: 0;}

.topbg{width: 100%; height: 58.7240vw; margin: auto; background: url("../img/mobile/sub/msub2/top-bg.png")no-repeat;  background-size:cover; position: absolute; top: 0; left: 0;}
.topbg>img{width:33.4635vw;display: block;  margin:auto; margin-top: 27.3906vw;}
.Mlowfix{width: 60px; height: 200px; position: fixed; top: 70%; right: 3%; z-index: 999; }
.Mcall{width: 55px; height: 55px; display: block; background-color: #ED7219; border-radius: 100%;
    box-shadow:5px 5px 15px rgba(0,0,0,0.1);}
.callh{width: 21px; height: 50px;margin: auto;
    background: url("../img/mobile/main/call.png")no-repeat; background-size: 21px 20px;background-position: 0px 15px;}
.Mchat{width: 55px; height: 55px; display: block; background-color: #3cae42; border-radius: 100%;
    box-shadow:5px 5px 15px rgba(0,0,0,0.1); margin-top: 15px;}
.chath{width: 21px; height: 50px;margin: auto;
    background: url("../img/main/sns-floating-icon-2-2.png")no-repeat; background-size: 21px 20px;background-position: 0px 15px;}
.Mkakao{width: 55px;height: 55px; display: block; background: #ffe900; border-radius: 100%;
    box-shadow:5px 5px 15px rgba(0,0,0,0.1); margin-top: 15px;}
.kakaoh{width: 28px; height: 55px; display: block; margin: auto;
    background: url("../img/main/sns-floating-icon-1-2.png")no-repeat; background-size: 28px 24px; background-position: 0px 15px;}
    .kakaop{width: 28px; height: 55px; display: block; margin: auto;
        background: url("../img/main/sns-floating-icon-11.png")no-repeat; background-size: 28px 24px; background-position: 1px 15px;}

.content{width: 100%; height:auto; display: block;}
.tab_container{width: 100%; height: auto; display: block; position: absolute; top: 57.8125vw; left: 0;}
.tabmenu{width: 100%; height: 14.2vw;display: block;border-bottom: 1px solid lightGray;}
ul.tab{ width:95.7500vw; height: 8.4635vw; display: flex;margin: auto; padding: 0.0000vw; list-style: none;
    align-content: center; justify-content: space-between;}
ul.tab li{ width:30.6406vw;height:5.8177vw;background: none; color: #a3a3a3; text-align:center;display: inline-block;
    cursor: pointer;  font-size: 3.5824vw;;padding: 3.3021vw 0.0000vw; margin-top: 1.3021vw; font-weight: bold;}
ul.tab li:hover{border-bottom: 3px solid #ed7219; color:#ed7219; font-weight: bold;}
ul.tab li.current{width:30.6406vw; text-align:center;border-bottom: 3px solid #ed7219; color:#ed7219; font-weight: bold;}
.tab_cont{display: none;  width: 100%; height: auto; margin:auto;
    position: absolute; left: 0; top:70px; }
.tab_cont.current{display: inherit; margin-top: 40px;}

.sect1{margin: auto; width: 100%; margin-bottom: 13.0208vw;}
.sect1>img{display: block; margin: auto; width: 100%;margin-top: 16.0625vw;}
.sect2{margin: auto; width: 100%;}
.sect2>img{display: block; margin: auto; width: 100%; background-color: #f7f7f7;}
.sect3{margin: auto; width: 100%;margin-bottom: 13.0208vw;}
.sect3>img{display: block; margin: auto; width: 100%;margin-top: 11.7188vw;}
.sect4{margin: auto; width: 100%;}
.sect4>img{display: block; margin: auto; width: 100%;background-color: #f7f7f7;}
.sect5{margin: auto; width: 100%;}
.sect5>img{display: block; margin: auto; width: 100%;}
.sect6{margin: auto; width: 100%;margin-bottom: 13.0208vw;}
.sect6>img{display: block; margin: auto; width: 100%;}
.sect7{margin: auto; width: 100%;}
.sect7>img{display: block; margin: auto; width: 100%; margin-bottom:11.7188vw; }

.sect2-1{width: 100%; height: 172.5156vw; margin: auto; display: block;}
.sect2-1 img{ width:100%;  padding-top: 16.2760vw; display: block; margin: auto;}
.footer1{width: 100%; height: 50.7031vw; background: #242424; display: block; margin-top: -5px;}
.footer{width: 100%; height: 50.7031vw; background: #242424; display: block; }
.finner{ margin:0px auto; display: block; margin-left: 20vw;margin-top: 10vw }
.flogo{height: 8.7240vw;display: block; margin-left: 20.9063vw;  padding-top: 3.5521vw;}

.flogo img{width:26.8229vw; height: 8.7240vw; }
.finfobox{margin-top: 5.5521vw;   height: 17.0573vw;}

.finfo1{width: 79.4271vw; text-align: center;color: #979797; margin: auto;
    line-height: 3.2552vw; font-size: 2.2135vw; font-weight: 300;font-family: 'Noto Sans KR', sans-serif;
    font-size: 2.5vw;}
.fline{width: 0.2604vw; height: 2.2135vw; background: #979797; margin-top: 0.6510vw;}
.finfo2{margin-top: 3.9063vw; margin-left: 0.9115vw; color: #979797; text-align: center;}
.copy{color: rgba(151,151,151,50%); margin-top: 2.6042vw;font-size: 2.5vw;}