@charset "UTF-8";
	
	.top { padding: 100px 0 730px 60px; }
	.top h1{ font-size: 95px; }
	@media (max-width:991px) {
		.top { padding: 20px 0 390px 0; }
		.top h1{ font-size: 38px; }
	}

	.box01 { width: 90%; padding: 40px 60px 210px 60px; border-top: 1px solid #a79dc9; }
	.box01 h2 { padding: 60px 0; font-size: 31px; font-weight: 800;  }
	.box01 div { padding: 0 0 100px 0; font-size: 29px; font-weight: 400; line-height: 1.5em; }
	.box01 ul { overflow: hidden; }
	.box01 .link li { float: left; padding: 0 45px 100px 0; }
	.box01 .link li a { display: block; width: 400px; height: 90px; line-height: 90px; font-size: 31px; font-weight: 500; text-align: center; border-radius: 50px; background:#f1f1f1; }

	.bt01:hover { background: #e0fefe !important; }
	.bt02:hover { background: #deffe6 !important; }
	.bt03:hover { background: #cdd0ff !important; }

	.photo li { float: left; width: 20%; padding: 0 60px 0 0; }
	@media (max-width:991px) {
		.box01 { width: 100%; padding: 20px 0 105px 0;}
		.box01 h2 { padding: 30px 0; font-size: 20px; }
		.box01 div { padding: 0 0 50px 0; font-size: 16px; }
		.box01 .link li { float: left; width: 100%; padding: 0 45px 20px 0; }
		.box01 .link li a { width: 80%; height: 50px; line-height: 50px; font-size: 16px; }
		.photo li { float: left; width: 30%; padding: 0 30px 20px 0; }
	}

	.sub { max-width: 800px; margin: 0 auto; padding: 170px 0 250px 0; }
	@media (max-width:991px) {
		.sub { padding: 0px 0 100px 0; }
	}

	.box02 { max-width: 740px; margin: 0 auto; padding: 50px 70px; border-radius: 40px; background: rgba(231, 227, 240, 0.3) ; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); overflow: hidden;  }
	.box02 td { position: relative; padding: 10px 0 0 0; font-size: 20px; font-weight: 500; }
	.box02 tr:nth-child(1) td { text-align: right; }
	.box02 tr:nth-child(1) i { display: inline-block; width: 15px; height: 15px; }
	.box02 tr:nth-child(2) p { padding: 10px 15px; text-align: center; overflow: hidden; } /*220504 수정*/
	.box02 tr:nth-child(3) p { padding: 10px 15px 10px 150px; text-align: center; overflow: hidden; } /*220504 수정*/
	.box02 tr:nth-child(3) span { position: absolute; top: 23px; left: 17px; font-size: 16px; }
	.box02 .bg01 { background: #39cf7d; border-radius: 50px; }
	.box02 .bg02 { background: #e23e2d; border-radius: 50px; }
	.box02 ul { width: 320px; margin: 0 auto; padding: 40px 0 0 0; font-size: 22px; text-align: center; font-weight: 500; }
	.box02 ul li { padding: 10px 0; }
	.box02 li a { display: block; line-height: 50px; border-radius: 50px; background: #f7f5fb; }
	.box02 li p { line-height: 50px; color: #fff; border-radius: 50px; background: #c166db; }
	.box02 li button { width: 90%; margin: 0 auto; font-size: 18px; line-height: 50px; color: #fff; border-radius: 50px; }
	.box02 li .reg {  background: #c166db; } /*등록*/
	.box02 li .unr {  background: #c1bfc1; } /*미등록*/
	@media (max-width:991px) {
		.box02 { padding: 30px 20px; border-radius: 20px; }
		.box02 tr:nth-child(1) td { text-align: center; }
		.box02 tr:nth-child(2) p { padding: 5px; font-size: 10px; }
		.box02 tr:nth-child(3) p { padding: 5px; }
		.box02 tr:nth-child(3) span { display: block; position: relative; top: 0; left: 0; width: 100%; padding: 10px; text-align: center;  }
		.box02 td { font-size: 16px; text-align: center; }

		.box02 ul { width: 210px; padding: 20px 0 0 0; font-size: 15px; }
		.box02 li a { line-height: 34px; }
		.box02 li p { line-height: 34px; }
		.box02 li button { width: 95%; font-size: 15px; line-height: 34px; } /*220504 추가*/
	}

	.h01 { padding: 100px 0; }
	.h01 p { border-top: 1px solid #a79dc9; }
	@media (max-width:991px) {
		.h01 { padding: 35px 0; }
		.h01 p { display: none;}
	}

	.tab { padding: 40px 0 30px 0; text-align: center; border-radius: 40px 40px 0 0; background: rgba(219, 209, 228, 0.6); overflow: hidden; }
	.tab li { display: inline-block; padding: 10px; }
	.tab li p { padding: 0 40px; line-height: 40px; font-weight: 500; border-radius: 50px; }
	.tab li img { width: 14px; margin-top: -10px; }
	@media (max-width:991px) {
		.tab { padding: 10px 0; border-radius: 20px 20px 0 0; }
		.tab li { padding: 0; }
		.tab li p { padding: 0 20px; line-height: 30px; font-size: 12px; }
		.tab li img { width: 12px; margin-top: -4px; }
	}

	.box03 { max-width: 740px; margin: 0 auto; border-radius: 40px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); overflow: hidden;  }

	.box03 > div { padding: 110px 70px; background: background: rgba(231, 227, 240, 0.3) ; }
	@media (max-width:991px) {
		.box03 { border-radius: 20px; }
		.box03 > div { padding: 30px 20px; }
	}

	.box03 th:nth-child(2) { text-align: right; }
	.box03 th { position: relative; font-size: 18px; text-align: left; }
	.box03 th i { display: inline-block; width: 60px; font-size: 14px; color: #8f8f8f; }
	.box03 th img { width: 18px; margin-top: -10px; }

	.box03 th div { position: relative; display: inline-block; width: 75px; }
	.box03 th span { display: inline-block; height: 30px; font-size: 11px; color: #8f8f8f; }
	.box03 th select { width: auto; padding: 0 10px; text-align: center; font-size: 12px; font-weight: 800; border-radius: 0; background: #fff; }
	.box03 td { padding: 20px 0 0 65px; }
	.box03 td p { padding: 10px; text-align: center; border-radius: 50px; font-weight: 500; }
	.box03 td .s_tt { position: relative; font-size: 14px; text-align: left; color: #939393; }
	.box03 td .s_tt i { position: absolute; left: 0; top: 18px; display: block; width: 6px; height: 6px; border-radius: 10px; }
	.box03 td .tc_02 { position: relative; font-size: 14px; text-align: left; border-radius: 0; border-top: 1px solid #c4c4c4; }
	.box03 td .tc_02 i { position: absolute; left: 0; top: 7px; width: 8px; }

	@media (max-width:991px) {
		.box03 td { padding: 10px 0 0 0; }
		.box03 th { font-size: 14px; }
		.box03 th ul li { padding: 5px 0; }
		.box03 td .s_tt { font-size: 10px; }
		.box03 td .s_tt i { top: 15px; }
		.box03 td .tc_02 { font-size: 10px; line-height: 1.5em; }
	}

	.box03 .swap { padding: 60px 0; text-align: center; }
	.box03 .swap img { height: 23px; }
	@media (max-width:991px) {
		.box03 .swap { padding: 30px 0; }
	}

	.box03 .btn_wrap { padding: 90px 0 0 0; }
	.box03 .btn_wrap button { width: 210px; height: 50px; margin: 0 auto; font-size: 22px; font-weight: 500; border-radius: 50px; }
	@media (max-width:991px) {
		.box03 .btn_wrap { padding: 30px 0 0 0; }
		.box03 .btn_wrap button { height: 34px; font-size: 15px; }
	}

	.box04 { max-width: 740px; margin: 0 auto; border-radius: 40px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); overflow: hidden; }
	.box04 > div { padding: 0 70px; background: background: rgba(231, 227, 240, 0.3) ; }
	.box04 img { width: 16px; margin-top: -10px; }

	.box04 .in_box { padding: 20px 10px; font-size: 16px; font-weight: 500; text-align: center; border-bottom: 1px solid #dedae2; overflow: hidden; }
	.box04 .in_box li { display: inline-block; padding: 0 40px; text-align: center; }
	.box04 table { border-bottom: 1px solid #dedae2; }
	.box04 tr:nth-child(1) td { padding: 40px 50px 0 50px; }
	.box04 tr:nth-child(2) td { padding: 40px 50px; }
	.box04 td span { display: block; padding: 0 0 10px 0; line-height: 1em; font-weight: 500; }
	.box04 td p { padding: 10px; text-align: center; border-radius: 50px; font-weight: 500; }

	.box04 dl { padding: 20px 50px; font-size: 17px; font-weight: 500; border-bottom: 1px solid #dedae2; overflow: hidden; }
	.box04 dt { text-align: left; } /*220504 수정 */
	.box04 dd { padding: 0 0 0 13px; } /*220504 수정 */
	.box04 dd i { display: inline-block; vertical-align: middle; width: 5px; height: 5px; margin-top: -10px; border-radius: 50px; }
	@media (max-width:991px) {
		.box04 { border-radius: 20px; }
		.box04 > div { padding: 0 20px; }
		.box04 .in_box { padding: 20px 0; font-size: 12px; }
		.box04 .in_box li { display: inline-block; padding: 0 10px; text-align: center; }
		.box04 tr:nth-child(1) td { padding: 20px 0 0 0; }
		.box04 tr:nth-child(2) td { padding: 20px 0; }
		.box04 dl { padding: 20px 0; font-size: 12px; text-align: center; }
		.box04 dt { width: 100%; padding: 0 0 10px 0; }
		.box04 dd { width: 100%; padding: 0; vertical-align: middle; } /*220504 수정 */
		.box04 dd i {margin-top: -5px; }
	}

	.box04 .btn_wrap { padding: 50px 0; }
	.box04 .btn_wrap button { width: 210px; height: 50px; margin: 0 auto; font-size: 22px; font-weight: 500; border-radius: 50px; }
	@media (max-width:991px) {
		.box04 .btn_wrap { padding: 30px 0; }
		.box04 .btn_wrap button { height: 34px; font-size: 15px; }
	}

	.box05 { max-width: 740px; margin: 0 auto; border-radius: 40px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); overflow: hidden; }
	.box05 > div { padding: 0 70px; font-weight: 500; text-align: center; background: background: rgba(231, 227, 240, 0.3) ; }
	.box05 img { width: 16px; margin-top: -10px; }

	.box05 h1 { padding: 40px 0; font-size: 22px; font-weight: 500;}

	.box05 th { width: 20%; padding: 25px 0; font-size: 22px; font-weight: 500; }
	.box05 td { width: 80%; padding: 25px 0; font-size: 22px; font-weight: 500; text-align: left; }

	.box05 dl { padding: 20px 50px; font-size: 17px; font-weight: 500; border-top: 1px solid #dedae2; border-bottom: 1px solid #dedae2; overflow: hidden; }
	.box05 dt { text-align: left; } /*220504 수정*/
	.box05 dd { padding: 0 0 0 13px; vertical-align: middle; text-align: left; } /*220504 수정*/
	.box05 dd i { display: inline-block; vertical-align: middle; width: 5px; height: 5px; margin-top: -10px; border-radius: 50px; }

	.box05 .p_tt { position: relative; padding: 10px 0 20px 0; font-size: 16px; text-align: right; color: #7a7a7c; }
	.box05 .p_tt i { display: inline-block; width: 10px; height: 10px; border-radius: 50px; background: #7a7a7c; }
	.box05 .s_tt { padding: 10px 0; font-size: 14px; color: #7a7a7c; }
	@media (max-width:991px) {
		.box05 { border-radius: 20px; }
		.box05 > div { padding: 0 20px; }
		.box05 h1 { padding: 20px 0 10px 0; font-size: 18px; }
		.box05 th { width: 20%; font-size: 12px; padding: 5px 0; }
		.box05 td { width: 80%; font-size: 12px; padding: 5px 0; }
		.box05 dl { padding: 20px 0; font-size: 12px; text-align: center; }
		.box05 dt { width: 100%; padding: 0 0 10px 0; }
		.box05 dd { width: 100%; padding: 0; vertical-align: middle; } /*220504 수정*/
		.box05 dd i {margin-top: -5px; }
		.box05 .p_tt { font-size: 12px; }
		.box05 .p_tt i { width: 8px; height: 8px; }
		.box05 .s_tt { font-size: 10px; }
	}

	.box05 .btn_wrap { padding: 50px 0; }
	.box05 .btn_wrap button { width: 210px; height: 50px; margin: 0 auto; font-size: 22px; font-weight: 500; border-radius: 50px; }
	@media (max-width:991px) {
		.box05 .btn_wrap { padding: 30px 0; }
		.box05 .btn_wrap button { height: 34px; font-size: 15px; }
	}

	.quick { position: fixed; bottom: 270px; right: 5%; width: 40px; }
	.quick li { padding: 20px 0 0 0 ; }
	@media (max-width:991px) {
		.quick { bottom: 50px; width: 30px; }
		.quick li { padding: 10px 0 0 0 ; }
	}

input[type="text"]{ text-align: center; } /* 20220505 추가 */
