/* 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;}

#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/msub4/top-bg.png")no-repeat;  background-size:cover;
    position: absolute; top: 0; left: 0;}
.topbg>img{ width:27.2135vw; 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:46.8750vw;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:46.8750vw; 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: 90%; height: auto;  margin-top: 3.6458vw; background: #fff;}
.sect2{margin: auto; width: 90%; height: auto;  margin-top: 3.6458vw; background: #fff;}
h3>span{color: #ee7319;}
.question{width:100%;height:auto;border-top:0.1563vw solid #ee7319;border-bottom:0.1042vw solid #bdbdbd;font-family:"NanumGothic",sans-serif; }
.qtit{ width: 88.0938vw; height: 5.8854vw; text-align: center;}

.tell{width: 44.5vw;height:6.5104vw; border:0.1042vw solid #cdcdcd; display: flex; align-items: center; text-align: left; margin: auto;
     border-radius: 0.5208vw; background: url("../img/sub4/b2b QA/tell.png")no-repeat; padding-top: 0.1042vw;
    background-size: 5%; background-position: 2.0417vw 2.3417vw; margin-top: 5.2083vw; margin-bottom: 5.2083vw;}

.tell .text1{margin-left: 6.3438vw;  font-size: 2.0833vw;}
.tell .text2{font-size: 3.1250vw; color: #000; font-weight: bold; margin-left:  0.7208vw; color: black;}
.qtit h1{font-size: 6.5104vw; margin-top: 10.0938vw; margin-left: 0.0000vw; font-weight: 900; letter-spacing: -0.0521vw;}
.question tr{border:0.0521vw solid #cdcdcd;}
.question tr:first-child{border-top:0;}
.question th{ width:30%;text-align:left; padding-left:5%; color: black;}
.th1>h3{margin-top: -4.6875vw;}
.question td{text-align:left;background:#fff;padding-top:1%!important;padding-bottom:1%!important;color:#5c5c5c;
    font-size:0.7813vw;line-height:1.3542vw;}
.question input{color: #b8b8b8; font-size: 2.2135vw;}
.question input[type="text"],
.question select{margin-right:1%;color:#5c5c5c;line-height:0.6250vw;font-family:"NanumGothic",sans-serif;
    vertical-align:middle;border:0.0521vw solid #dcdcdc;font-size: 2.2135vw;}
.question select{padding:0.9%;}
.question textarea{vertical-align:middle;border:0.0521vw solid #cdcdcd; width:63.3333vw; height:23.9583vw;padding:1%; resize: none;}
.question label{margin-right:1%;}
.question .button{margin-right:1%;line-height:0.6250vw;font-size:0.7292vw;font-family:"NanumGothic",sans-serif;background:#5e5e5e;vertical-align:middle;border:0.0521vw solid #5e5e5e;padding:1%; cursor:pointer;}
.question .button a{color:#fff;}
.question .add{margin-top:1%;}
.question .wid51{width:50.6771vw; height: 7.5521vw;}
.question .wid52{width:18.1667vw; height: 8.0vw;}
.question .wid20{width:18.1667vw; height: 7.5521vw;}
.question .wid5{width: 16.6250vw; height: 7.5521vw;}
.question .wid53{width:18.2396vw; height: 7.5521vw;}
.question .wid54{width: 16.6250vw; height: 8.0vw;}
.question .wid55{width: 64.3333vw; height: 7.5521vw;}
.question .wid56{width: 64.0625vw; height: 7.5521vw;border:0.0521vw solid #cdcdcd; padding-top: 1.3021vw; display: block;}
.check>input{width: 10px;height: 10px;}
.check{width: 40.5417vw; height: 7.8854vw; margin: auto; margin-top: 2.6042vw;  box-sizing: border-box;}
.check span{width: auto; height: 6.5104vw; text-align: center;display: inline-block; vertical-align: top;
    padding: 1.3646vw 0;font-size:2.3438vw;}
.checktext{color:#676767;}
.btn{width: 16.15vw; height: 7.5521vw; background:#fff; border: 0.0521vw solid #cdcdcd;font-size: 1.675vw;}
.btn1{width: 44.2708vw; height: 10.4167vw; background: #ee7319; margin:auto; margin-top: 2.6042vw;}
.btntext{ margin-top:1.5625vw;}
.btntext{margin:0 auto;display:block;padding:1.0em 1.5em 0.0em 1.5em;font-size: 2.8646vw;color:#fff; text-align:center;
    letter-spacing:-0.0000vw; font-weight:bold;}
.th h3{font-size: 2.7135vw; margin-top: 2.6042vw;}

.modalopen{font-weight: bold; cursor: pointer;color: black; padding-top: 0.0000vw !important;}
.modal{width: 100%; height: 100%; background: rgba(0,0,0,0.3); display: none; position: fixed; z-index: 999; top: 0; left: 0;}
.modal .body{width: 70vw; height: 50.6458vw; background: #fff; position: absolute; top: 25%; left: 17%; display: block; z-index: 999;}
.body h2{text-align: center;  margin-top: 2.6042vw;}
.body textarea{width: 60.4063vw; height: 25.6250vw; margin: auto; margin-top: 5%; border: 0.0521vw solid #cdcdcd; resize: none; display: block;}
.body .modalclose{width: 10.6458vw; height:4.5625vw;  display: block; text-align: center; margin: auto; margin-top: 3.5625vw;
    cursor: pointer; background: #ee7319; color: #fff; line-height: 20px;}
input{background-color:white;}
.btn.active{background-color:#ee7319; color: #fff;}



.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;}