@charset "utf-8";
/* 요금 */
#info_container { background: #f8f8f8; padding-top: 60px; }
#info_container .fee-banner-wrap { background: #1652F0; height: 300px; }
#info_container .fee-banner-wrap .fee-banner { width: 1200px; margin: 0 auto; padding: 100px 0; color: #fff; text-align: center; }
#info_container .fee-banner-wrap .fee-banner h3 { font-size: 3.5rem; margin-bottom: 20px; }
#info_container .fee-banner-wrap .fee-banner p { font-size: 1.5rem; font-weight: 300; color: rgba(255,255,255,0.9); }

.fee-info-table-wrap { padding: 100px 0; }
.fee-info-table-wrap .fee-info-table { margin: 0 auto; width: 1200px; }
.fee-info-table-wrap .fee-info-table h4 { font-size: 1.8rem; display: block; }
.fee-info-table-wrap .fee-info-table .x-scroll-table { margin-top: 10px; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .fix-head { width: 150px; float: left; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .fix-head .fh { height: 100px; font-weight: 500; background: #F0F0F0; border-bottom: 1px solid #D8D8D8; text-align: center; font-size: 1.3rem; color: #707070; line-height: 100px; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .fix-head .fh:first-child { height: 60px; text-align: center; border-top: 1px solid #D8D8D8; line-height: 60px; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .fix-head .fh:nth-child(3) { height: 40px; text-align: center; line-height: 40px; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .fix-head .fh:nth-child(2) { height: 180px; text-align: center; line-height: 180px; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .fix-head .fh:nth-child(5) { line-height: 17px; padding: 32px 0; }

.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body { float: right; width: calc(100% - 150px); background: #fff; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr th { width: 230px; text-align: center; height: 59px; background: #182852; color: #fff; font-weight: 100; font-size: 1.3rem; border-right: 1px solid #404D72; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr td { width: 230px; text-align: center; height: 100px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; letter-spacing: 0; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr td:last-child { border-right: none; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr:nth-child(3) td { height: 40px; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr:nth-child(2) td { height: 180px; }

.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr td .card { height: 95px; width: 135px; margin: 0 auto; border-radius: 10px; background: #f8f8f8; color: #fff; padding: 20px 0; margin-bottom: 20px; box-shadow: 0 8px 15px -5px rgba(0,0,0,0.25); cursor: default; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr td .card .en { font-weight: bold; letter-spacing: 1px; font-size: 1rem; color: rgba(255,255,255,0.9); }
.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr td .card .numb { font-size: 2.5rem; font-weight: 800; letter-spacing: 1px; line-height: 28px; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr td .card.standard { background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #10e047), color-stop(1, #1aaf38));
	background: -moz-linear-gradient(45deg, #10e047 0%, #1aaf38 100%);
	background: -webkit-linear-gradient(45deg,  #10e047 0%, #1aaf38 100%);
	background: -o-linear-gradient(45deg,  #10e047 0%, #1aaf38 100%);
	background: -ms-linear-gradient(45deg,  #10e047 0%, #1aaf38 100%);
	background: linear-gradient(45deg,  #10e047 0%, #1aaf38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10e047', endColorstr='#1aaf38', gradientType=1); }
.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr td .card.enterprise { background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #18abf0), color-stop(1, #1654f0));
	background: -moz-linear-gradient(45deg, #18abf0 0%, #1654f0 100%);
	background: -webkit-linear-gradient(45deg,  #18abf0 0%, #1654f0 100%);
	background: -o-linear-gradient(45deg,  #18abf0 0%, #1654f0 100%);
	background: -ms-linear-gradient(45deg,  #18abf0 0%, #1654f0 100%);
	background: linear-gradient(45deg,  #18abf0 0%, #1654f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18abf0', endColorstr='#1654f0', gradientType=1);}
.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr td .card.spcial { background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #414247), color-stop(1, #23242a));
	background: -moz-linear-gradient(45deg, #414247 0%, #23242a 100%);
	background: -webkit-linear-gradient(45deg,  #414247 0%, #23242a 100%);
	background: -o-linear-gradient(45deg,  #414247 0%, #23242a 100%);
	background: -ms-linear-gradient(45deg,  #414247 0%, #23242a 100%);
	background: linear-gradient(45deg,  #414247 0%, #23242a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#414247', endColorstr='#23242a', gradientType=1); }

.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr td .label { background: #fff; border: 1px solid #dee3eb; display: block; margin: 0 auto; width: 120px; border-radius: 4px; padding: 10px 0; line-height: 16px; font-size: 1.2rem; background: #EDF0F5; color: #666; }
.fee-info-table-wrap .fee-info-table .x-scroll-table .scroll-body table tbody tr td .label:hover { border-color: #CED4DF; }

@media all and (max-width: 1269px)
{
	#info_container .fee-banner-wrap .fee-banner { width: 100%; padding: 100px 30px; }
}
@media all and (max-width: 999px)
{
	#info_container .fee-banner-wrap { height: auto; }
}
@media all and (max-width: 540px)
{
	#info_container .fee-banner-wrap .fee-banner { padding-top: 80px; }
}