/* 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/sub5/top-bg.png")no-repeat; 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; background: #ededed; width: 100%; height: auto; margin:auto;
    position: absolute; left: 0; top:70px; background: #fff;}
.tab_content.current{display: inherit; margin-top: 1px;}

.cont1{width: 75.5729vw; height: auto; margin: auto;  display: block; margin-top: 6.2500vw;}
.cont2{width: 72.1354vw; height:auto; margin: auto;  display: block; margin-top: 6.2500vw;}
.cont1 .sect1img{width: 100%; height: 106.7708vw; margin: auto;  display:block; background: url("../img/sub5/listimg.png")no-repeat;
    background-size: 100%;}
.cont1 .button{width:17.7604vw; height:4.2708vw; margin:auto; margin-top:2.6042vw; display: block;}
.button img{width:17.7604vw; height:4.2708vw; display: block;}
.cont2 .titletext{width:10.6771vw; height: 4.5313vw; margin: auto;  display: block; background: url("../img/sub5/titletext.png")no-repeat;
    background-size: 100%;}
.cont2 .sect1img{width: 100%; height: 123.9583vw; margin: auto; margin-top:2.6042vw; display:block; background: url("../img/sub5/sect1.png")no-repeat;
    background-size: 100%;}
.cont2 .sect2img{width: 100%; height: 166.1458vw; margin: auto; margin-top:5.2083vw; display:block; background: url("../img/sub5/sect2.png")no-repeat;
    background-size: 100%;}
.cont2 .sect3img{width: 100%; height: 123.9583vw; margin: auto; margin-top:5.2083vw; display:block; background: url("../img/sub5/sect3.png")no-repeat;
    background-size: 100%;}
.cont2 .sect4img{width: 100%; height: 123.9063vw; margin: auto; margin-top:5.2083vw; display:block; background: url("../img/sub5/sect4.png")no-repeat;
    background-size: 100%;}
.cont2 .sect5img{width: 100%; height: 208.1771vw; margin: auto; margin-top:5.2083vw; display:block; background: url("../img/sub5/sect5.png")no-repeat;
    background-size: 100%;}
.cont2 .sect6img{width: 100%; height: 123.9063vw; margin: auto; margin-top:5.2083vw; display:block; background: url("../img/sub5/sect6.png")no-repeat;
    background-size: 100%;}
.footer1{width: 100%; height: 220px; background: #242424;margin-top: 100px;}
.finner1{width: 1520px; height: 100px; margin:auto; }
.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:17px; font-weight: lighter;
    font-family: 'Noto Sans KR', sans-serif;}
.finfo1>li:nth-of-type(7){ margin-left: 8px;}
.fline{width: 2px; height: 0.8854vw; 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: 14px; 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;}


}