

.price-tab{table-layout: fixed; width: 100%;}
.price-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;}
.price-tab tr td.active{background-color: #e79433; color: #fff; border: 1px solid #e79433;}
.price-tab tr td:hover{background-color: #e79433; color: #fff; border: 1px solid #e79433; transition: 0.5s;}



.price-wrap{width: 100%; background-color: #ffffff; padding-top: 100px;}
.price-wrap .price-menu-label{width: 100%; height: 46px; background-color: #F6F7FA; padding-left: 175px; border-bottom: 1px solid #e6e6e6;}
.price-wrap .price-menu-label .label-text{height: 46px; line-height: 46px; display: block; text-align: left; color: #716c6c; font-size: 18px;}
.price-wrap .price-menu-label .label-text .last{color: #2f2f2f;}
.price-wrap .content-wrap{/*padding-top: 80px;*/ width: 1250px; margin: 0 auto;}
.price-wrap .content-wrap .today-section-1{margin-top: 80px; padding-bottom: 70px;}
.price-wrap .content-wrap .today-section-1 .title{width: 100%; display: block; padding-top: 25px; padding-bottom: 25px; line-height: 35px; font-size: 30px; border-bottom: 3px solid #2f2f2f; font-family: 'NanumSquareEB', sans-serif; color: #2f2f2f;}
.price-wrap .content-wrap .today-section-1 .title .date{position: absolute; right: 0; bottom: 25px; font-size: 18px; font-family: 'NanumSquareR', sans-serif; color: #716C6C; line-height: 21px; text-align: right;}
.price-wrap .content-wrap .today-section-1 .gold{margin-top: 60px; width: 100%; height: 672px; border: 1px solid #C6C5C5; border-radius: 25px; padding: 40px;}
.price-wrap .content-wrap .today-section-1 .gold .content{width: 100%; display: block; padding-bottom: 12px; border-bottom: 1px solid #E2E2E2;}
.price-wrap .content-wrap .today-section-1 .gold .content .div{width: 50%; display: block;}
.price-wrap .content-wrap .today-section-1 .gold .content .div .title{width: 100%; display: block; height: 30px; line-height: 30px; font-size: 18px; font-family: 'NanumSquareR', sans-serif; color: #707070; border: none; padding: 0;}
.price-wrap .content-wrap .today-section-1 .gold .content .div .title img{width: 30px; height: 30px; vertical-align: middle; margin-right: 5px;}
.price-wrap .content-wrap .today-section-1 .gold .content .div .price{width: 100%; display: block; line-height: 96px; font-size: 80px; color: #2f2f2f; margin-top: 10px; font-family: 'RobotoT', sans-serif;}
.price-wrap .content-wrap .today-section-1 .gold .content .div .price .diff{font-size: 19px; font-family: 'RobotoM', sans-serif;  position: absolute; right: 0px; bottom: 15px; line-height: 23px;}
.price-wrap .content-wrap .today-section-1 .gold .content .div .price.line:after{content: ''; width: 0.5px; height: 68px; background-color: #ADADAD; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.sub-price{margin-top: 60px; width: 610px; height: 550px; border: 1px solid #C6C5C5; border-radius: 25px; padding: 40px; background-color: #fff; border: none;}
.sub-price .content{width: 100%; display: block; padding-bottom: 12px; border-bottom: 1px solid #E2E2E2;}
.sub-price .content .div{width: 50%; display: block;}
.sub-price .content .div .title{width: 100%; display: block; height: 20px; line-height: 20px; font-size: 15px; font-family: 'NanumSquareR', sans-serif; color: #707070; border: none;}
.sub-price .content .div .title img{width: 26px; height: 26px; vertical-align: middle; margin-right: 5px;}
.sub-price .content .div .price{width: 100%; display: block; line-height: 60px; font-size: 40px; color: #2f2f2f; margin-top: 10px; font-family: 'RobotoT', sans-serif;}
.sub-price .content .div .price .diff{font-size: 19px; font-family: 'RobotoM', sans-serif;  position: absolute; right: 0px; bottom: 15px; line-height: 23px;}
.sub-price .content .div .price.line:after{content: ''; width: 0.5px; height: 26px; background-color: #ADADAD; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.price-today-bottom-text{width: 100%; margin-top: 47px; text-align: center; display: block; line-height: 21px; height: 20px; font-size: 18px; color: #2f2f2f; font-family: 'NanumSquareR', sans-serif;}

.today-section-2{width: 100%; background-color: #F7F7F7; padding-top: 55px; padding-bottom: 200px;}
.today-section-2 .content-wrap{width: 1250px; margin: 0 auto;}

.margin-top40{margin-top: 20px;}
.margin-top30{margin-top: 30px;}
.padding-left85{padding-left: 85px;}
.padding-right50{padding-right: 25px;}
.padding-right10{padding-right: 10px;}
.margin-right30{margin-right: 30px;}
.padding-left30{padding-left: 30px;}

.international-table{table-layout: fixed; width: 100%; margin-top: 40px;}
.international-table tr{height: 70px;}
.international-table tr th{background-color: #F0F0F0; text-align: center; vertical-align: middle; font-size: 20px; font-family: 'NanumSquareEB', sans-serif;}
.international-table tr td{text-align: center; border-bottom: 1px solid #e2e2e2; vertical-align: middle; font-size: 22px; font-family: 'RobotoM', sans-serif;}
.international-table tr td img{width: 16px; height: 16px; margin-right: 5px;}
.international-chart-title{margin-top: 60px; width: 100%; height: 60px; line-height: 60px; padding-left: 15px; text-align: left; font-size: 22px ; font-family: 'NanumSquareB', sans-serif; color: #2f2f2f; border-bottom: 1px solid #e2e2e2; display: block;}
.international-chart-title:after{width: 3px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #e79433; content: '';}
.international-chart-div{width: 100%; height: 613px; padding: 15px; border-bottom: 1px solid #e2e2e2;}
.international-chart-div .international_chart{width: 100%; height: 100%;}

.history-search-wrap{width: 100%; height: 84px; border-bottom: 3px solid #2f2f2f; padding-top: 23px;}
.history-search-wrap .search-btn{width: 72px; height: 34px; margin-left: 10px; background-color: #707070; border: none; cursor: pointer; color: #fff; line-height: 34px; font-family: 'NotoR', sans-serif; text-align: center; display: block; float: right;}
.history-search-wrap .search-btn .text{display: inline-block;}
.history-search-wrap .search-btn img{display: inline-block; width: 14px; vertical-align: middle; margin-left: 3px; top: -2px;}
.history-search-wrap .search-date-input{width: 162px; height: 34px; border: 1px solid #c6c5c5; background-color: transparent; text-align: center; color: #716c6c; font-size: 18px; font-family: 'RobotoR', sans-serif;}
.search-input-wrap{width: 100%; height: 34px; display: block; text-align: right; padding-right: 50px;}
.history-table{width: 100%; table-layout: fixed; margin-top: 58px;}
.history-table tr th{height: 52px; background-color: #f0f0f0; text-align: center; vertical-align: middle; font-family: 'NotoB', sans-serif; color: #2f2f2f; font-size: 20px;}
.history-table tr td{height: 60px; border-bottom: 1px solid #f0f0f0; text-align: center; vertical-align: middle; }
.history-table tr td.date{font-size: 20px; font-family: 'RobotoR', sans-serif; color: #2f2f2f;}
.history-table tr td.price{font-size: 24px; font-family: 'RobotoM', sans-serif; color: #2f2f2f;}
.history-table tr td.rate{font-size: 17px; font-family: 'RobotoM', sans-serif; color: #2f2f2f;}
