/* 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/sub3/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; margin: auto; margin-top: 518px; }
.cont1{ text-align:center;height: auto; margin: auto;}
.cont1 img{max-width: 100%; margin: auto; margin-top: 6.5104vw;}

.footer{width: 100%; height:220px; background: #242424;margin-top: 100px;}
.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;}
@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;}
    .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;}


}