/* font-family: 'Noto Sans KR', sans-serif; */

html,body{width:100%;  font-family: 'Noto Sans KR', sans-serif; }
#wrap{width: 100%; height: auto; margin: auto; display: block;}
#Mwrap{display: none;}
.header{position:fixed; width: 100%; height: 100px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); z-index: 99;
    top:0; box-sizing: border-box;background: rgba(0, 0, 0,0.5 );display: flex;}
.hinner{width: 112.5rem; height:3.125rem; display: flex; margin: auto; justify-content: space-between;}.logo .white{width: 152px; height: 50px; background: url("/img/main/header-logo-white.png")no-repeat;}

	.logo1 .white1{width: 60px; height: 60px; background: url("../img/main/header-logo-white1.png")no-repeat; background-size: 100% 100%}
	
.logo{width: 152px; height: 20px; margin: -5px 15px;}
.logo1{width: 25px; height: 25px; margin: -5px 0px;}


/* .header.active .logo .black{width: 152px; height: 50px; background: url("../images/main/header-logo-default.png") no-repeat;}
.header.active .logo .white{display: none;} */
.header.active {background-color: rgba(0, 0, 0, 0.3 );}
.header.active .nav .low:hover{ border-top: 3px solid #ee7319;}
.nav{width:auto; height: 100px; display: block; margin: auto; margin-top: 10px;}
.nav .top{width: 880px; height: 100px; display: block; }
.nav .top>li{display: block; float: left; width: 120px; margin-left: 34px; position: relative;}
.nav .top>li>a{width: 150px; height: 65px; display: block; color:#fff; font-size: 18px; text-align: center;}
.nav .top>li>a:hover{border-bottom: 3px solid #ee7319;}
.nav .low{width: 150px; height:auto; display: none; padding: 10px 0px; position: absolute; z-index: 20; left: 0px; background:rgba(0,0,0,0.8); text-align: center; }
.nav .low>li{display: block; width: 70px; }
.nav .low>li>a{width: 150px; height:40px;display: block; color: #888; line-height: 40px; font-size: 16px; font-weight:400; padding: 5px 0px;}
.nav .low>li:hover a{color: #fff;}
.nav .low:hover {border-top: 3px solid #ee7319;}
.righttop{width: 170px; height: 43px; border: 1px solid rgba(255, 255, 255, 0.5); display: block; border-radius: 50px; margin-top: 0px;margin-right: 65px;}
.righttop a{color: #fff; margin: 4% 13%; display: block;}
.righttopimg{width:20px; height:20px; background: url("/img/main/tellwhite.png") no-repeat; background-position: 0 6px;}
.righttop:hover .righttopimg{background: url("/img/main/righttop2.png") no-repeat; background-position: 0 6px;}
.righttopimg>p{margin-left: 25px; position: absolute;}
.righttop p:nth-child(1){color: rgb(255, 255, 255); opacity: 1;}
.righttop p:nth-child(2){opacity: 0; font-size: 14px; margin-top: 3px;}
.righttop:hover p:nth-child(1){opacity: 0;}
.righttop:hover p:nth-child(2){color: rgb(255, 255, 255); opacity: 1;}
.righttop:hover{ background:#ed7219;border-color:#ed7219;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.lowfix{width: 60px; height: 130px; position: fixed; top: 80%; right:3%;}
.chat{width: 55px; height: 55px; display: block; background-color: #ffffff; border-radius: 100%;
    box-shadow:5px 5px 15px rgba(0,0,0,0.1);}
.chat:hover{background-color: #3cae42; border-radius: 100%;}
.chath{width: 21px; height: 50px;margin: auto;
    background: url("../img/main/sns-floating-icon-2-1.png")no-repeat; background-size: 21px 20px;background-position: 0px 15px;}
.chat:hover .chath{background: url("../img/main/sns-floating-icon-2-2.png")no-repeat;
    background-size: 21px 20px;background-position: 0px 15px;}

.kakao{width: 55px;height: 55px; display: block; background: #ffffff; border-radius: 100%;
    box-shadow:5px 5px 15px rgba(0,0,0,0.1); margin-top: 15px;}
.kakao:hover{background-color: #ffe900; border-radius: 100%;}

	.kakaohp{width: 28px; height: 55px; display: block; margin: auto;
		background: url("../img/main/sns-floating-icon-22.png")no-repeat; background-size: 28px 24px; background-position: 1px 15px;}
	.kakao:hover .kakaohp{background: url("../img/main/sns-floating-icon-11.png")no-repeat;
		background-size: 28px 24px; background-position: 1px 15px;}
		
.kakaoh{width: 28px; height: 55px; display: block; margin: auto;
    background: url("../img/main/sns-floating-icon-1-1.png")no-repeat; background-size: 28px 24px; background-position: 0px 15px;}
.kakao:hover .kakaoh{background: url("../img/main/sns-floating-icon-1-2.png")no-repeat;
    background-size: 28px 24px; background-position: 0px 15px;}

.topbg{width: 100%; height: 520px; margin: auto; background: url("../img/sub4/top-bg.png")no-repeat center; background-size: cover; position: absolute; top: 0; left: 0;}
.topbg>img{display: block;  margin:auto; margin-top: 248px;}
.content{width: 100%; height:auto; display: block;}
.tab_container{width: 100%; height: auto; display: block; position: absolute; top: 517px; left: 0;}
.tabmenu{width: 100%; height: 69px;display: block;border-bottom: 1px solid lightGray;}
ul.tabs{ width:385px; height: 65px; display: block;margin: auto; padding: 0px; list-style: none; }
ul.tabs li{height:37px;background: none; color: #222; display: inline-block; cursor: pointer; font-size: 18px;padding: 10px 0px; margin-top: 10px; margin-left: 100px;}
ul.tabs li:hover{border-bottom: 3px solid #ed7219; color:#ed7219;}
ul.tabs li.current{border-bottom: 3px solid #ed7219; color:#ed7219;}
.tab_content{display: none;  width: 100%; height: auto; margin:auto;
    position: absolute; left: 0; top:70px;   background: #fff;}
.tab_content.current{display: block; margin-top: 1px;}
.sect1{margin: auto; width: 51.0938vw; height: 69.4792vw;  margin-top: 3.6458vw; background: #fff;}
.sect2{margin: auto; width: 51.0938vw; height: auto;  margin-top: 3.6458vw; background: #fff; }
h3>span{color: #ee7319;}
.question{width:100%;border-top:0.1563vw solid #ee7319;border-bottom:0.1042vw solid #bdbdbd;font-family:"NanumGothic",sans-serif; }
.qtit{text-align:left; width: 51.0938vw; height: 5.8854vw;}

.tell{width: 18vw;height:2.8125vw; border:0.1042vw solid #cdcdcd; position: relative; top:4.5313vw; left: 31.7708vw; display: flex; text-align: left;
    box-sizing: border-box; border-radius: 0.5208vw; background: url("../img/sub4/b2b QA/tell.png")no-repeat; align-items: center;
    background-size: 0.7813vw 0.7813vw; background-position: 1.0417vw 0.7813vw;}
.tell .text1{margin-left: 2.3438vw; padding: 0.5vw  0vw; font-size: 0.8854vw; font-family: 'Noto Sans KR', sans-serif;}
.tell .text2{font-size: 1.2500vw; color: #000; font-weight: bold; margin: 0.1042vw 0.5208vw;color: black; font-family: 'Noto Sans KR', sans-serif;}
.qtit h1{font-size: 2.6042vw; margin-top: 1.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:20%;text-align:left; padding-left:3%}
.th>h3{font-size: 20px;}
.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;}
.question input[type="text"],
.question select{margin-right:1%;color:#5c5c5c;line-height:0.6250vw;font-size:0.7292vw;font-family:"NanumGothic",sans-serif;
    vertical-align:middle;border:0.0521vw solid #dcdcdc;padding:1%;}
.question select{padding:0.9%;}
.question textarea{vertical-align:middle;border:0.0521vw solid #cdcdcd; width:38.3333vw; height:9.5833vw;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:20.6771vw; height: 2.9167vw;}
.question .wid52{width:9.1667vw; height: 3.8542vw;}
.question .wid20{width:9.1667vw; height: 2.9167vw;}
.question .wid5{width: 10.6250vw; height: 2.9167vw;}
.question .wid53{width:12.2396vw; height: 2.9167vw;}
.question .wid54{width: 10.6250vw; height: 3.8542vw;}
.question .wid55{width: 38.3333vw; height: 2.9167vw;}
.question .wid56{width: 39.0625vw; height: 2.9167vw;border:0.0521vw solid #cdcdcd; padding-top: 1.3021vw; display: block;}
.check{width: 260px; height: 5.8854vw; margin: auto; margin-top: 2.6042vw;  box-sizing: border-box;}
.check>input{width: 20px; height: 20px;margin-top: 10px;}
.check span{width: auto; height: 6.5104vw; text-align: center;display: inline-block;vertical-align: top;
    padding: 0.3646vw 0;}
.checktext{color:#676767;}
.btn{width: 9.6354vw; height: 2.9167vw; background:#fff; border: 0.0521vw solid #cdcdcd;}
.btn1{width: 17.7083vw; height: 4.1667vw; background: #ee7319; margin:auto; }
.btntext{ margin-top:1.5625vw;}
.btntext{margin:0 auto;display:block;padding:1.3em 1.5em 0.0em 1.5em;font-size:0.9375vw;color:#fff; text-align:center;
    letter-spacing:-0.0000vw; font-weight:bold;}


.footer1{width: 100%; height: 220px; background: #242424;margin-top: 50px;}
.finner1{width: 1520px; height: 100px; margin:auto; }
.footer{width: 100%; height:220px; background: #242424;margin-top: 50px;}
.finner{width: 1520px; height: 100px; margin:auto;}
.flogo{ margin-left: 30px; float: left; margin-top: 50px;}
.finfobox{margin-top: 50px; margin-left: 7.6563vw;  float: left;}
.finfo1{width: 610px;}
.finfo1>li{float: left; color: #979797; margin-left: 8px; font-size: 16px; font-weight: lighter;
    font-family: 'Noto Sans KR', sans-serif;}
.finfo1>li:nth-of-type(7){ margin-left: 8px;}
.fline{width: 2px; height: 17px; background: #979797; margin-top: 5px;}
.finfo2{margin-top: 30px; margin-left: 7px; color: #979797;font-size:14px;font-weight: lighter;
    font-family: 'Noto Sans KR', sans-serif;}
.copy{color: rgba(151,151,151,50%); margin-top: 1.0417vw;}
.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: 46.8750vw; height: 29.6458vw; background: #fff; position: absolute; top: 27%; left: 27%; display: block; z-index: 999;}
.body h2{width:100%; height:1.5625vw; text-align: center;  margin-top: 2.6042vw; }
.body textarea{width: 41.4063vw; height: 15.6250vw; margin: auto; margin-top: 5%; border: 0.0521vw solid #cdcdcd; resize: none; display: block;}
.body .modalclose{width: 3.6458vw; height:1.5625vw;  display: block; text-align: center; margin: auto; margin-top: 1.5625vw;
    cursor: pointer; background: #ee7319; color: #fff; font-size:1.20vw; padding: 5px 10px;}
input{background-color:white;}
.btn.active{background-color:#ee7319; color: #fff;}
@media screen and (min-width: 981px) and (max-width: 1800px){
    .hinner{width:87.5rem;}
    .nav{width:auto; height: 100px; display: flex; margin: auto; margin-top: 10px;}

    .nav .top{width: 45.8333vw; height: 100px; display: block;}
    .nav .top>li{display: block;width: 6.2500vw; margin-left: 1.7708vw; position: relative;}
    .nav .top>li>a{width: 7.8125vw; height: 65px; display: block; color:#fff; font-size: 17px; text-align: center;}
    .nav .top>li>a:hover{border-bottom: 3px solid #ee7319;}
    .nav .low{width: 7.8125vw; height:auto; display: none; padding: 10px 0px; position: absolute; z-index: 20; left: 0px; background:rgba(0,0,0,0.8); text-align: center;}
    .nav .low>li{display: block; }
    .nav .low>li>a{width:7.8125vw; height:40px; display: block; color: #888; line-height: 40px; font-size: 13.5px; font-weight:400; padding: 5px 0px;}
    .nav .low>li:hover a{color: #fff;}
    .nav .low:hover {border-top: 3px solid #ee7319;}
    .finner1{width: auto;}
    .finner{width: auto;}
    .flogo{ margin-left: 70px; }
    .th>h3{font-size: 1.3889vw;}
}
@media screen and (min-width: 769px) and (max-width: 980px){
    .logo{width: 18.512vw;}
    .hinner{width:87.5rem;}
    .tell{width: 19vw;}
    .nav{width:auto; height: 100px; display: flex; margin: auto; margin-top: 10px;}
    .nav .top{width: 45.8333vw; height: 100px; display: block;}
    .nav .top>li{display: block;width: 6.2500vw; margin-left: 1.7708vw; position: relative;}
    .nav .top>li>a{width: 80px; height: 65px; display: block; color:#fff; font-size: 15px; text-align: center;}
    .nav .top>li>a:hover{border-bottom: 3px solid #ee7319;}
    .nav .low{width: 80px; height:auto; display: none; padding: 10px 0px; position: absolute; z-index: 20; left: 0px; background:rgba(0,0,0,0.8); text-align: center;}
    .nav .low>li{display: block;}
    .nav .low>li>a{width:80px; height:40px; display: block; color: #888; line-height: 40px; font-size: 13px; font-weight:400; padding: 5px 0px;}
    .nav .low>li:hover a{color: #fff;}
    .flogo{ margin-left: 250px; }
    .finner1{width: auto; margin-left: 50px;}
    .finner{width: auto;margin-left: 50px;}
    .footer{height: 300px;}
    .footer1{height: 300px;}
    .nav .top>li>a{font-size: 1.7347vw;}
    .nav .low>li>a{font-size: 12px;}
    .tell .t1{vertical-align: top;padding-top: 2px;}
    .th>h3{font-size: 1.4889vw;}


}