@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 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); }
#info_container .fee-info-bg-wrap { padding-top: 200px; background: #1652F0; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap { background: #f8f8f8; padding-bottom: 100px; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap { width: 1200px; margin: 0 auto; }

#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap { height: 350px; position: relative; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul { height: 500px; width: 100%; position: absolute; left: 0; top: -200px; transition: top .25s ease; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box { background: #fff; float: left; display: block; border-radius: 4px; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1); width: 23.5%; margin-right: 2%; transition: box-shadow .25s ease,width .25s ease; position: relative; overflow: hidden; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box:after { position: absolute; z-index: 1; left: 0; content: ''; top: 0; width: 100%; height: 4px; background: rgba(10,55,172,0.5); transition: background .25s ease; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box:hover:after { background: rgba(10,55,172,0.75); }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box:hover { box-shadow: 0 3px 10px 2px rgba(0,0,0,0.15); }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box:last-child { margin-right: 0; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .price-info { text-align: center; padding: 50px 20px 10px; position: relative; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .price-info .best-label { position: absolute; z-index: 2; left: 0; top: 0; width: 65px; height: 65px; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .price-info .best-label img { width: 100%; height: 100%; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .price-info .pass-name { font-weight: 800; letter-spacing: 0; font-size: 3rem; display: block; cursor: default; letter-spacing: -1px; margin-bottom: 5px; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .price-info .price { font-size: 4.5rem; color: #1652F0; line-height: 40px; cursor: default; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .price-info .price h5 { display: inline-block; font-weight: 800; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .price-info .price .unit { font-size: 1.3rem; color: #666; font-weight: 300; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .price-info .buy-btn { height: 45px; width: 50%; border-radius: 4px; background: #1652F0; color: #fff; line-height: 43px; font-weight: 500; outline: 0; font-size: 1.3rem; margin-top: 15px; transition: background .25s ease; border: none; box-shadow: 0 3px 8px 3px rgba(0,0,0,0.1);  }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .price-info .buy-btn:hover { background: #2F67FF; box-shadow: 0 2px 8px 1px rgba(0,0,0,0.1); }

#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .authority-info { padding: 20px; font-size: 1.2rem; font-weight: 400; color: #00a662; line-height: 15px; text-align: center; padding-left: 10px; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .authority-info img { width: 15px; margin-right: 5px; }

#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .notice-info { padding: 20px 20px 30px; line-height: 23px; color: #999; background: #f8f8f8; border-top: 1px solid #eee; font-weight: 500; font-size: 1.2rem; }
#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .notice-info img { width: 15px; margin-top: 4px; margin-right: 5px; }

@media all and (max-width: 1269px)
{
	#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap { width: 100%; padding: 0 30px; }
	#info_container .fee-banner-wrap .fee-banner { width: 100%; padding: 100px 30px 0; }
	#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul { padding: 0 30px; }
	#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box .price-info .price .unit { display: block; color: #787878; }
}
@media all and (max-width: 999px)
{
	#info_container .fee-banner-wrap { height: auto; }
	#info_container .fee-info-bg-wrap { padding-top: 80px; }
	#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap { height: auto; padding: 50px 30px; }
	#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul { height: 600px; position: relative; top: 0; padding: 0; }
	#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box { width: 49%; margin-right: 2%; margin-bottom: 30px; }
	#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box:nth-child(2n) { margin-right: 0; }
}
@media all and (max-width: 540px)
{
	#info_container .fee-banner-wrap .fee-banner { padding-top: 80px; }
	#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul { height: auto; }
	#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box { width: 100%; margin-right: 0; float: none; }
	#info_container .fee-info-bg-wrap .fee-info-box-wrap .fee-info-wrap>ul>.fee-info-box:last-child { margin-bottom: 0; }
}