/* 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/sub2/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:645px; 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; background: #ededed; width: 100%; height: auto; margin:auto;
    position: absolute; left: 0; top:70px; background: #fff;}

.tab_content.current{display: inherit; margin-top: 1px; height: auto;}

.sect1{margin: auto; width: 75.5729vw; height: 27.6563vw; margin-top:6.6146vw; }
.sect1 img{width: 100%;}
.sect2{width:59.3750vw; height:23.2292vw;margin: auto; margin-top: 6.2500vw;}
.sect2 img{width: 100%;}
.sect3{width: 100%; height: 36.4583vw;  background-color: #f7f7f7; margin-top: 5.9375vw; display: block;}
.sect3 img{width:63.5938vw; height:25.0521vw; margin:auto; padding-top: 5.8854vw; display: block;}
.sect4{width:65.5208vw; height: 36.1979vw;margin:auto; }
.sect4 img{ width: 100%;  margin-top: 8.2292vw;}
.sect5{width:100%; height: 50.0521vw;background-color: #f7f7f7; display: block; }
.sect5 img{width:66.8750vw; height:39.1667vw; display: block; margin: auto; padding-top: 5.4688vw; }
.sect6{width:66.8750vw; height: 44.5833vw; margin:auto; }
.sect6 img{width:66.8750vw; height:37.6563vw;  margin-top: 5.4688vw;}
.sect7{width:66.6146vw; height: 32.8125vw; margin:auto;margin-top: 5.4688vw;}
.sect7 img{width:66.6146vw; height:32.8125vw;}
.sect8{width:66.6146vw; height: 39.0625vw; margin:auto; margin-top: 7.8125vw;}
.sect8 img{width:66.6146vw; height:39.0625vw;}
.sect2-1{width: 75.5208vw; height: 51.4063vw; margin: auto; display: block;}
.sect2-1 img{width:100%;padding-top: 6.5104vw;}
.sect3-1{width: 75.5208vw; height: 51.4063vw; margin: auto; display: block;}
.sect3-1 img{width:100%;padding-top: 6.5104vw;}

.footer{width: 100%; height:220px; background: #242424;margin-top: 121px;}
.finner{width: 1520px; height: 100px; margin:auto; margin:auto;}
.footer1{width: 100%; height: 220px; background: #242424;margin-top: 435px;}
.finner1{width: 1520px; height: 100px; margin:auto;}
.footer2{width: 100%; height: 220px; background: #242424;margin-top: 100px;}
.finner2{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;}
@media screen and (min-width: 769px) 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; width: 70px;}
    .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: 120px; }
}
@media screen and (min-width: 769px) and (max-width: 980px){
    .logo{width: 18.512vw;}
    .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: 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;}
    .finner2{width: auto; margin-left: 50px;}
    .finner{width: auto;margin-left: 50px;}
    .footer{height: 300px;}
    .footer1{height: 300px;}
    .footer2{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;}


}