@charset "UTF-8";
/*Guide CSS Document */



/*main*/
	/*header_title*/
	div.header_title {
		background-image: url(../image/h_titleBg_guide.jpg);
	}
	div.header_title div.inner_box img {
		width: 63.787px;
		height: 80px;
	}
	/*~header_title*/
	
	/*main_section*/
	body#guide div.main_section {
		margin-bottom: 80px;
	}
	/*~main_section*/
	
	/*info_section*/
	section#info_section div.contents_box {
		display: inline-block;
		text-align: left;
	}
	section#info_section div.contents_box > div {
		margin-bottom: 45px;
	}
	section#info_section div.contents_box > div h3 {
		display: inline-block;
		vertical-align: top;
		color: #e60050;
		font-weight: bold;
		font-size: 22px;
		width: 255px;
		background: url(../image/info_h3_li.gif) no-repeat left 5px/19px 19px;
		padding-left: 30px;
	}
	section#info_section div.contents_box > div div{
		display: inline-block;
		padding-top: 3.2px;
		font-size: 22px;
		font-weight: bold;
	}
	section#info_section dl dt, section#info_section dl dd {
		display: inline-block;
		vertical-align: top;
	}
	section#info_section dl {
		margin-bottom: 25px;
	}
	section#info_section dl:last-child {
		margin-bottom: 0;
	}
	section#info_section dl dt {
		width: 170px;
	}
	section#info_section dl dt span {
		display: block;
		font-size: 13px;
	}
	section#info_section dl:first-child dt span {
		display: inline-block;
	}
	section#info_section div.contents_box div p span {
		font-size: 14px;
	}
	section#info_section div.contents_box div p a {
		text-decoration: underline;
	}
	section#info_section div.contents_box div p a:first-child:hover {
		color: #3b5998;
	}
	section#info_section div.contents_box div p a:last-child:hover {
		color: #55acee;
	}
	/*~info_section*/
	
	/*guidance_section*/
	section#guidance_section h2 {
		margin-bottom: 80px;
	}
	section#guidance_section div.contents_box ol {
		width: 960px;
		margin: 0 auto;
	}
	section#guidance_section div.contents_box ol li {
		position: relative;
		display: inline-block;
		margin-right: 30px;
		margin-bottom: 50px;
		width: 300px;
		height: 534px;
		border: 7px solid #ea9740;
		border-radius: 10px;
		background: #ea9740;
		-webkit-transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}
	section#guidance_section div.contents_box ol li:nth-child(3n) {
		margin-right: 0;
	}
	section#guidance_section div.contents_box ol li:nth-child(n+3) {
		margin-bottom: 0;
	}
	section#guidance_section div.contents_box ol li:nth-child(2) {
		-webkit-transition-delay: 300ms;
		transition-delay: 300ms; 
	}
	section#guidance_section div.contents_box ol li:nth-child(3) {
		-webkit-transition-delay: 600ms;
		transition-delay: 600ms;
	}
	section#guidance_section div.contents_box ol li:nth-child(4) {
		-webkit-transition-delay: 900ms;
		transition-delay: 900ms;
	}
	section#guidance_section div.contents_box ol li:nth-child(5) {
		-webkit-transition-delay: 1200ms;
		transition-delay: 1200ms;
	}
	section#guidance_section div.contents_box ol li:last-child {
		-webkit-transition-delay: 1500ms;
		transition-delay: 1500ms;
	}
	section#guidance_section div.contents_box ol li.action {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	section#guidance_section div.contents_box ol li::before,
	section#guidance_section div.contents_box ol li::after {
		content: "";
		position: absolute;
		right: -29px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12.5px 0 12.5px 14px;
		border-color: transparent transparent transparent #ea9740;
		-webkit-transition: .2s 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: .2s 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
		opacity: 0;
	}
	section#guidance_section div.contents_box ol li::before {
		top: 234.5px;		
		border-color: transparent transparent transparent #ea9740;
	}
	section#guidance_section div.contents_box ol li::after {
		top: 274.5px;
	}
	section#guidance_section div.contents_box ol li:nth-child(2)::before,
	section#guidance_section div.contents_box ol li:nth-child(5)::before,
	section#guidance_section div.contents_box ol li:nth-child(2)::after,
	section#guidance_section div.contents_box ol li:nth-child(5)::after {
		-webkit-transition-delay: 1.8s;
		transition-delay: 1.8s;
	}
	section#guidance_section div.contents_box ol li:nth-child(3n)::before,
	section#guidance_section div.contents_box ol li:nth-child(3n)::after {
		content: none;
	}
	section#guidance_section div.contents_box ol li.action::before,
	section#guidance_section div.contents_box ol li.action::after  {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	section#guidance_section div.contents_box ol li img {
		width: 100%;
		height: auto;
	}
	section#guidance_section div.contents_box ol li > div {
		position: absolute;
		left: 0;
		bottom: 20px;
		width: 286px;
		height: 118px;
		background: url(../image/guidance_bg.png) no-repeat left 7px/100% auto;
		text-align: center;
		padding-top: 40px;
	}
	section#guidance_section div.contents_box ol li div.p_wrap {
		margin: 0 auto;
		width: 85%;
	}
	section#guidance_section div.contents_box ol li div.p_wrap p {
		display: inline-block;
		text-align: left;
		font-size: 15px;
		font-weight: bold;
	}
	section#guidance_section div.contents_box ol li div.p_wrap p::after {
		position: absolute;
		top: 0;
		left: 50%;
		margin-top: -0.25em;
		margin-left: -0.25em;
		font-family: 'Passion One', cursive;
		font-size: 60px;
		color: #e60050;
		line-height: 1;
		-webkit-text-stroke: 1.5px #fff;
	}
	section#guidance_section div.contents_box ol li:first-child div.p_wrap p::after {
		content:"1";
	}
	section#guidance_section div.contents_box ol li:nth-child(2) div.p_wrap p::after {
		content:"2";
	}
	section#guidance_section div.contents_box ol li:nth-child(3) div.p_wrap p::after {
		content:"3";
	}
	section#guidance_section div.contents_box ol li:nth-child(4) div.p_wrap p::after {
		content:"4";
	}
	section#guidance_section div.contents_box ol li:nth-child(5) div.p_wrap p::after {
		content:"5";
	}
	section#guidance_section div.contents_box ol li:last-child div.p_wrap p::after {
		content:"6";
	}
	
	/*~guidance_section*/
	
	/*notice_section*/
	section#notice_section {
		position: relative;
	}
	section#notice_section h2 {
		margin-bottom: 30px;
	}
	section#notice_section div.contents_box {
		padding-top: 30px;
		height: 622px;
		background: url(../image/notice_bg.jpg) no-repeat center top/960px 622px;
	}
	section#notice_section div.contents_box ul {
		width: 520px;
		margin: 0 auto;
	}
	section#notice_section div.contents_box ul li {
		height: 27px;
		padding-left: 40px;
		background: url(../image/notice_li.png) no-repeat left top/12px 27px;
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.68;
		margin-bottom: 40px;
		opacity: 0;
		-webkit-transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	section#notice_section div.contents_box ul li:nth-child(2) {
		-webkit-transition-delay: 300ms;
		transition-delay: 300ms;
	}
	section#notice_section div.contents_box ul li:nth-child(3) {
		-webkit-transition-delay: 600ms;
		transition-delay: 600ms;
	}
	section#notice_section div.contents_box ul li:nth-child(4) {
		-webkit-transition-delay: 900ms;
		transition-delay: 900ms;
	}
	section#notice_section div.contents_box ul li:nth-child(4), 
	section#notice_section div.contents_box ul li:nth-child(5) {
		height: 54px;
		background-position: left 10px;
	}
	section#notice_section div.contents_box ul li:nth-child(5) {
		-webkit-transition-delay: 1200ms;
		transition-delay: 1200ms;
	}
	section#notice_section div.contents_box ul li:nth-child(6) {
		-webkit-transition-delay: 1500ms;
		transition-delay: 1500ms;
	}
	section#notice_section div.contents_box ul li:last-child {
		margin-bottom: 0;
		-webkit-transition-delay: 1800ms;
		transition-delay: 1800ms;
	}
	section#notice_section div.contents_box ul li.action {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	section#notice_section div#notice_pu {
		position: absolute;
		bottom: 0;
		right: 50px;
		width: 200px;
	}
	section#notice_section div#notice_pu p {
		width: 175px;
		height: 145px;
		margin-left: 25px;
		padding-top: 45px;
		background: url(../image/notice_pu_bal.png) no-repeat left top/175px 145px;
		font-family: 'M PLUS 1p', sans-serif;
		-webkit-transition: 1.5s 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: 1.5s 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	section#notice_section div#notice_pu p.action {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		
	}
	section#notice_section div#notice_pu img {
		margin-top: -28px;
	}
	/*~notice_section*/
/*~main*/

/*2020.12add*/
.fee_discount {
	font-size: 16px;
}



@media screen and (min-width: 1300px) {
	section#notice_section div#notice_pu {
		right: 200px;
	}
}