.footer{width: 100%;}
.footer .footer-top{width: 100%; height: 45px; background-color: #525252;}
.footer .footer-top .footer-top-wrap{width: 1200px; height: 45px; margin: 0 auto;}
.footer .footer-top .footer-top-wrap ul{width: 100%; height: 45px;}
.footer .footer-top .footer-top-wrap ul li{display: inline-block; height: 45px; float: left; margin-right: 55px;}
.footer .footer-top .footer-top-wrap ul li:after{content: ''; width: 0.5px; height: 11px; background-color: #fff; position: absolute; right: -28px; top: 50%; transform: translateY(-50%);}
.footer .footer-top .footer-top-wrap ul li:last-child:after{ display: none;}
.footer .footer-top .footer-top-wrap ul li a{display: block; line-height: 45px; font-size: 15px; color: #fff;}

.footer .footer-bottom{width: 100%; background-color: #393939;}
.footer .footer-bottom .footer-bottom-wrap{width: 1200px; margin: 0 auto;}
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap{width: 100%; height: 200px; border-bottom: 0.5px solid #716c6c;}
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-sub{width: 50%; float: left; display: block; height: 200px; vertical-align: middle; padding-top: 42px;}
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-sub .text1{display: block; text-align: center; width: 100%; font-family: 'NanumSquareB', sans-serif; color: #ecc05d; font-size: 16px; line-height: 18px;}
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-sub .text2{display: block; text-align: left; width: 100%; font-family: 'RobotoB', sans-serif; color: #fff; font-size: 30px; line-height: 35px; margin-top: 8px; padding-left: 30%;}
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-sub .text3{display: block; text-align: center; width: 100%; font-family: 'NanumSquareB', sans-serif; color: #9F9F9F; font-size: 16px; line-height: 18px; margin-top: 4px;}
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-sub .text4{display: block; text-align: center; width: 100%; font-family: 'NanumSquareB', sans-serif; color: #FFFFFF; font-size: 16px; line-height: 18px; margin-top: 7px;}
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-center{width: 50%; float: left; display: block; height: 200px; padding-top: 33px;}
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-center:before{width: 0.5px; height: 111px; background-color: #716c6c; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-center:after{width: 0.5px; height: 111px; background-color: #716c6c; position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '';}

.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-center .bank{width: 100%; display: block; text-align: center; height: 32px; line-height: 32px; color: #ECC05D; font-size: 16px; font-family: 'NanumSquareB', sans-serif; padding-left: 115px;}
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-center .bank img{width: 32px; height: 32px; vertical-align: middle;}
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-center .bank-num{width: 100%; text-align: center; display: block; margin-top: 8px; line-height: 44px; height: 44px; font-size: 38px; font-family: 'RobotoB', sans-serif; color: #fff;}
.footer .footer-bottom .footer-bottom-wrap .footer1-wrap .footer1-center .bank-sub{width: 100%; margin-top: 4px; display: block; text-align: center; color: #9F9F9F; font-size: 16px; line-height: 18px;}
.footer .footer-bottom .footer-bottom-wrap .footer2-wrap {width: 100%; height: 182px;}
.footer .footer-bottom .footer-bottom-wrap .footer2-wrap .logo{width: 210px; height: 182px; float: left;}
.footer .footer-bottom .footer-bottom-wrap .footer2-wrap .logo img{width: 210px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.footer .footer-bottom .footer-bottom-wrap .footer2-wrap .text-div{width: 990px; float: left; height: 182px;}
.footer .footer-bottom .footer-bottom-wrap .footer2-wrap .text-div .text1{position: absolute; left: 50px; top: 50%; transform: translateY(-50%); display: block; width: 100%; color: #fff; font-size: 16px; line-height: 22px; font-family: 'NanumSquareR', sans-serif;}
.footer .footer-bottom .footer-bottom-wrap .footer2-wrap .text-div .text1 .bold{font-family: 'NanumSquareB', sans-serif;}
.footer .footer-bottom .footer-bottom-wrap .footer2-wrap .text-div .text1 .copy{margin-top: 12px; display: block;}
.footer .footer-gray-color{color: #ADADAD;}
.footer-bank-title{width: 110px; height: 32px; display: inline-block; background-color: #2F2F2F; color: #ECC05D; text-align: center; line-height: 32px; font-size: 14px; font-family: 'NotoR', sans-serif; border-radius: 16px; margin-right: 10px; top: -7px;}

.header{width: 100%; position: fixed; height: 100px; top: 0; left: 0; z-index: 100; background-color: #fff; border-bottom: 1px solid #E6E6E6;}
.header .header-logo{display: block; width: 260px; height: 60px; position: absolute; top: 50%; transform: translateY(-50%); left: 50px;}
.header .header-logo img{display: block; width: 100%;}
.header .price{font-size: 18px; line-height: 30px; position: absolute; left: 360px; top: 50%; transform: translateY(-50%);  color: #000; font-family: 'NanumSquareR', sans-serif; height: 30px; display: block;}
.header .price .price-num{font-family: 'RobotoB', sans-serif; font-size: 24px; }
.header .menu-wrap{width: 60%; height: 100px; float: right; padding-top: 35px; padding-right: 50px;}
.header .menu-wrap .menu-btn{width: 32px; height: 30px; float: right; display: block;}
.header .menu-wrap .menu-btn img{display: block; width: 100%;}
.header .menu-wrap .search{width: 28px; height: 30px; float: right; margin-right: 30px;}
.header .menu-wrap .search img{width: 100%; display: block;}
.header .menu-wrap .search-input{border: none; width: 150px; height: 30px; border-bottom: 2px solid #2f2f2f; font-size: 18px; font-family: 'NotoR', sans-serif; color: #2f2f2f; float: right; margin-right: 5px; margin-left: 20px;}
.header .menu-wrap .menu-ul{width: 50%; text-align: right; height: 30px; float: right;}
.header .menu-wrap .menu-ul li{display: inline-block; height: 30px;}
.header .menu-wrap .menu-ul li a{display: block; padding-left: 20px; padding-right: 20px; line-height: 30px; color: #2f2f2f; font-family: 'NotoR', sans-serif; color: #2f2f2f; font-size: 17px;}

.header-sub{width: 100%; background-color: #fff; border-bottom: 1px solid #e6e6e6; }
.header-sub .header-sub-menu{width: 100%; text-align: center; height: 100px;}
.header-sub .header-sub-menu li{display: inline-block; height: 100px; padding-left: 70px; padding-right: 70px;}
.header-sub .header-sub-menu li a{font-size: 24px; color: #716c6c; font-family: 'NanumSquareEB', sans-serif; line-height: 100px; text-align: center; display: block;}
.header-sub .header-sub-menu li a.active{border-top: 3px solid #e79433; color: #e79433;}


.common-wrap{width: 100%; background-color: #ffffff; padding-top: 100px;}
.common-wrap .price-menu-label{width: 100%; height: 46px; background-color: #F6F7FA; padding-left: 175px; border-bottom: 1px solid #e6e6e6;}
.common-wrap .price-menu-label .label-text{height: 46px; line-height: 46px; display: block; text-align: left; color: #716c6c; font-size: 18px;}
.common-wrap .price-menu-label .label-text .last{color: #2f2f2f;}

.common-tab{table-layout: fixed; width: 100%;}
.common-tab tr td{width: 20%; height: 46px; border: 1px solid #e6e6e6; font-size: 18px; text-align: center; vertical-align: middle; color: #2f2f2f; cursor: pointer;  transition: 0.5s;}
.common-tab tr td.active{background-color: #e79433; color: #fff; border: 1px solid #e79433;}
.common-tab tr td:hover{background-color: #e79433; color: #fff; border: 1px solid #e79433; transition: 0.5s;}

tr.highlight{
	animation: highlight 1s;
}

tr.highlight-red{
	animation: highlight2 1s;
}

tr.highlight-blue{
	animation: highlight3 1s;
}

@keyframes highlight{
	from {background-color : #f0f0f0;}
	to {background-color : #fff;}
}

@keyframes highlight2{
	from {background-color : #ff0000;}
	to {background-color : #fff;}
}

@keyframes highlight3{
	from {background-color : #7b80ff;}
	to {background-color : #fff;}
}