@charset "utf-8";

.p0304{padding:10rem 5rem}
.p0304 *{word-break:keep-all}
.p0304 .tab_list{max-width:40rem;width:100%;margin:0 auto 5rem;display:flex;flex-wrap:wrap;justify-content: center;gap:1rem;position:sticky;top:11rem;z-index:90;transition:top .3s}
.p0304 .tab_list.pd{top:10rem}
.p0304 .tab_list li{width:calc(50% - .5rem);height:5rem;border-radius:5rem;background:#ebebeb;font-size:1.7rem;font-weight:700;color:#777;display:flex;align-items:center;justify-content:center;cursor:pointer }
.p0304 .tab_list li:hover, .p0304 .tab_list li.on{background:var(--pt-color);box-shadow:0 1rem 1rem rgba(0,0,0,.1);color:#fff}

.p0304 .page_cont_box{max-width:150rem;width:100%;margin:0 auto}
.p0304 .page_cont_box + .page_cont_box{margin-top:10rem;padding-top:10rem;border-top:1px dashed #ddd} 
.p0304 .top_box{width:100%;margin:0 auto;margin-bottom:5rem}
.p0304 .cont_wrap{}
.p0304 .cont_wrap .side_menu{width:30rem;float:left;position:sticky;top:11rem}
.p0304 .cont_wrap .menn_tit{width:100;height:10rem;padding:0 2rem;border-radius:0 3rem 0 0;background:var(--pt-color);font-size:2.5rem;font-weight:700;color:#fff;display: flex;align-items: center;}
.p0304 .cont_wrap .side_menu_list{width:100%}
.p0304 .cont_wrap .side_menu_list li{width:100%;height:5rem;padding:0 2rem;border-bottom:1px dashed #ddd;font-size:1.7rem;font-weight:500;color:#666;    display: flex;align-items: center;cursor:pointer}
.p0304 .cont_wrap .side_menu_list li:last-child{border-bottom:1px solid #ddd}
.p0304 .cont_wrap .side_menu_list li:hover{background:#f7f7f7}
.p0304 .cont_wrap .side_menu_list li.on,.p0304 .cont_wrap .side_menu_list li.on:hover{background:#f7f7f7;color:#7e6f65}

.p0304 .cont_wrap .page_cont{width:calc(100% - 38rem);float:right}

.p0304 .clear{display:block;width:0;clear:both}

.p0304 .cont_area + .cont_area{margin-top:7rem;padding-top:7rem;border-top:1px solid #ddd} 
.p0304 .cont_inner + .cont_inner{margin-top:7rem;padding-top:7rem;border-top:1px solid #ddd} 

.p0304 .cont_area.top_no_padding{padding-top:0}
.p0304 .page_cont .cont_tit{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px dashed #ddd;display:flex;flex-wrap:wrap;align-items:center;gap:2rem}
.p0304 .page_cont .cont_tit .num{width:4.5rem;height:4.5rem;border-radius:1rem;background:var(--pt-color);font-size:1.7rem;font-weight:700;color:#fff;display:flex;justify-content: center;align-items: center;font-family:'Poppins'}
.p0304 .page_cont .cont_tit .tit{font-size:2.5rem;font-weight:700;color:#222}

.p0304 .c_txt_box{width:100%}
.p0304 .c_txt_box .c_tit{margin-bottom:1rem;font-size:2rem;font-weight:700;color:#222}
.p0304 .c_txt_box .c_txt{font-size:1.7rem;line-height:150%;color:#666}
.p0304 .c_txt_box .c_txt + .c_txt{margin-top:2rem} 
.p0304 .icon_list{width:100%;margin-top:3rem;display:flex;flex-wrap:wrap;gap:2rem}
.p0304 .icon_list li{width:calc((100% - 6rem) / 4);padding:4rem 1rem;border-radius:2rem;background:#f7f7f7;text-align:center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;}
.p0304 .icon_list li .icon{max-width:5rem;width:40%;margin:0 auto 1rem}
.p0304 .icon_list li .tit{font-size:1.8rem;font-weight:700;line-height:150%;color:#222}

.p0304 .chk_list{display:flex;flex-wrap:wrap;gap:2rem}
.p0304 .chk_list li{width:calc(50% - 1rem);border-radius:2rem;padding:3rem;background:#f7f7f7}
.p0304 .chk_list .chk_tit{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px dashed #ddd;font-size:2rem;font-weight:700;color:#222;display:flex;align-items: center;gap: 1rem;}
.p0304 .chk_list .chk_tit .icon{width:2rem;}
.p0304 .chk_list .chk_tit .icon img{display:block;width:100%}
.p0304 .chk_list .chk_tit .tit{width:calc(100% - 3rem)}
.p0304 .chk_list .txt{font-size:1.7rem;line-height:150%;color:#666}

.p0304 .chk_cont_area{display:flex;flex-wrap:wrap;gap:3rem}
.p0304 .chk_cont_area .chk_cont{width:calc(50% - 1.5rem)}
.p0304 .chk_cont_area .chk_tit{width:100%;margin-bottom:1rem;padding:2rem 1rem;border-radius:1rem;background:var(--pt-color);font-size:2rem;font-weight:700;text-align:center;color:#fff}
.p0304 .chk_cont_area .chk_list2 li{padding:1.5rem 2rem;border-radius:1rem;background:#f7f7f7;display:flex;flex-wrap:wrap;align-items: start;gap:1rem}
.p0304 .chk_cont_area .chk_list2 li + li{margin-top:1rem}
.p0304 .chk_cont_area .chk_list2 li .icon{width:2rem}
.p0304 .chk_cont_area .chk_list2 li .icon img{display:block;width:100%}
.p0304 .chk_cont_area .chk_list2 li .txt{width:calc(100% - 3rem);margin-top: -3px;font-size:1.7rem;line-height:150%;color:#666}

.p0304 .tbl_cont table{width:100%;}
.p0304 .tbl_cont th{padding:1.5rem 1rem;border-bottom:1px solid #bbb8b5;border-right:1px solid #bbb8b5;background:var(--pt-color);font-size:1.8rem;font-weight:700;color:#fff;text-align:center}
.p0304 .tbl_cont td{padding:1.5rem 2rem;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:1.7rem;line-height:150%;color:#666}
.p0304 .tbl_cont .td_tit{background:#f7f7f7;font-size:1.7rem;font-weight:500;text-align:center;color:#333;border-left:1px solid #ddd;}
.p0304 .tbl_cont .tip_txt{margin-top:1rem;font-size:1.7rem;color:#666}

.p0304 .process_list{display:flex;flex-wrap:wrap;gap:2rem}
.p0304 .process_list li{width:calc((100% - 6rem) / 4);padding:3rem 1rem;border-radius:2rem;background:#f7f7f7;text-align:center;display: flex;align-items: center;justify-content: center;align-content: center;flex-wrap: wrap;flex-direction: column;}
.p0304 .process_list li .num{width:3.5rem;height:3.5rem;margin-bottom:1rem;border-radius:50%;background:var(--pt-color);font-size:1.4rem;font-weight:700;color:#fff;display: flex;align-items: center;justify-content: center;font-family:'Poppins'}	 
.p0304 .process_list li .icon{max-width:5rem;width:50%;margin:0 auto 1rem}
.p0304 .process_list li .icon img{width:100%}
.p0304 .process_list .tit{margin-bottom:.5rem;font-size:2rem;font-weight:700;color:#222}
.p0304 .process_list .txt{font-size:1.6rem;line-height:150%;color:#666}
.p0304 .process_list li.last{background:var(--pt-color)}
.p0304 .process_list .big_tit{margin-bottom:.5rem;font-size:2.2rem;font-weight:700;color:#fff}
.p0304 .process_list li.last .txt{color:rgba(255,255,255,.7)}

.p0304 .num_list{display:flex;flex-wrap:wrap;gap:1rem}
.p0304 .num_list li{width:calc(50% - .5rem);padding:1rem 2rem;background:#f7f7f7;display:flex;flex-wrap:wrap;align-items: center;gap:1rem}
.p0304 .num_list li .num{width:4rem;height:4rem;border-radius:1rem;background:var(--pt-color);font-size:1.4rem;font-weight:700;color:#fff;display: flex;align-items: center;justify-content: center;font-family:'Poppins'}
.p0304 .num_list li .txt{width:calc(100% - 5rem);font-size:1.7rem;line-height:150%;color:#666}

.p0304 .faq_list{border:1px solid #ddd;border-radius:2rem;background:#fff;overflow:hidden}
.p0304 .faq_list.border{border:1px solid #ddd}
.p0304 .faq_list .faq_tit{padding:2rem 10rem 2rem 4rem;font-size:1.8rem;font-weight:600;color:#222;overflow:hidden;position:relative;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:2rem}
.p0304 .faq_list dl{border-bottom:1px dashed #ddd}
.p0304 .faq_list dl:last-child{border-bottom:0}
.p0304 .faq_list .faq_tit .arr{position:absolute;top:50%;right:5rem;transform:translateY(-50%)}
.p0304 .faq_list .faq_tit:hover{background:#97c3c0)}
.p0304 .faq_list .faq_tit.active .arr{transform:translateY(-50%) rotate(180deg)}
.p0304 .faq_list .faq_txt{display:none;padding:5rem 4rem;background:#f7f7f7;font-size:1.7rem;line-height:150%;color:#666;}
.p0304 .faq_list .faq_txt .f_txt_box{width:100%;display:flex;align-items:center;align-items: start;gap:2rem}
.p0304 .faq_list .faq_txt .f_txt_box p{width:calc(100% - 6rem);padding-top:.8rem}
.p0304 .faq_list .q, .p0304 .faq_list .a{width:4rem;height:4rem;border-radius:5rem;background:var(--pt-color);font-size:1.7rem;font-weight:700;color:#fff;display: flex;align-items: center;justify-content: center;}
.p0304 .faq_list .a{background:var(--pt-color)}
.p0304 .faq_list .faq_tit.active .q{background:var(--pt-color)}
.p0304 .faq_list .q_tit{width:calc(100% - 6rem)}

.side_quick_link{width:100%;padding:2rem;margin-top:2rem;border-radius:1rem;background:#f7f7f7}
.side_quick_link li{width:100%;height:6rem}
.side_quick_link li + li{margin-top:.5rem}
.side_quick_link li a{width:100%;height:100%;padding:0 3rem;border-radius:1rem;overflow:hidden;transition:all .3s;display:flex;flex-wrap:wrap;align-items: center;justify-content: space-between;gap:1rem}
.side_quick_link li a .txt{font-size:1.7rem;font-weight:700;color:#fff;position:relative;z-index:2;transition:all .3s;}
.side_quick_link li a .icon{width:4rem;height:4rem;border-radius:50%;background:#fff;position:relative;display: flex;align-items: center;justify-content: center;}
.side_quick_link li a .icon img{width:2rem;position:relative;z-index:2}
.side_quick_link li a .icon:before{content:'';width:100%;height:100%;border-radius:50%;background:#fff;position:absolute;top:50%;left:50%;transition:all .3s;transform:translate(-50%,-50%)}
.side_quick_link li a:hover {border-radius:0}
.side_quick_link li a:hover .txt{color:#333}
.side_quick_link li a:hover .icon:before{width:50rem;height:50rem}

.side_quick_link .link01 a{background:var(--pt-color)}
.side_quick_link .link02 a{background:#303942}

.p0304_m_btn{display:none;width:50rem;position:fixed;left:50%;transform:translateX(-50%);bottom:2rem;z-index:30;gap:1rem}
.p0304_m_btn li{width:calc(50% - .5rem);height:5rem}
.p0304_m_btn li a{width:100%;height:100%;padding:0 2rem;border-radius:1rem;overflow:hidden;transition:all .3s;display:flex;flex-wrap:wrap;align-items: center;justify-content: space-between;gap:1rem}
.p0304_m_btn li a .txt{font-size:1.7rem;font-weight:700;color:#fff;position:relative;z-index:2;transition:all .3s;}
.p0304_m_btn li a .icon{width:4rem;height:4rem;border-radius:50%;background:#fff;position:relative;display: flex;align-items: center;justify-content: center;}
.p0304_m_btn li a .icon img{width:2rem;position:relative;z-index:2}
.p0304_m_btn li a .icon:before{content:'';width:100%;height:100%;border-radius:50%;background:#fff;position:absolute;top:50%;left:50%;transition:all .3s;transform:translate(-50%,-50%)}
.p0304_m_btn li a:hover {border-radius:0}
.p0304_m_btn li a:hover .txt{color:#333}
.p0304_m_btn li a:hover .icon:before{width:50rem;height:50rem}
.p0304_m_btn .link01 a{background:var(--pt-color)}
.p0304_m_btn .link02 a{background:#303942}


@media(max-width:1280px){
	
	.p0304{padding:9rem 2rem}
	.p0304 .tab_list{top:9rem}
	.p0304 .cont_wrap .side_menu{width:25rem}
	.p0304 .cont_wrap .page_cont{width:calc(100% - 28rem)}
	
	
	.p0304 .c_txt_box .c_txt br{display:none}
	.p0304 .icon_list li .tit{font-size:1.7rem}
	.p0304 .process_list .tit{font-size:1.7rem}
}

@media(max-width:1024px){
	.p0304{padding:8rem 2rem}
	.p0304 .cont_wrap .side_menu{display:none}
	.p0304 .cont_wrap .page_cont{width:100%}
	
	.p0304_m_btn{display:flex}
}

@media(max-width:767px){
	.p0304{padding:7rem 2rem}
	.p0304 .tab_list{top:8rem}
	.p0304 .icon_list {gap:1rem}
	.p0304 .icon_list li{width: calc(50% - .5rem);}
	.p0304 .icon_list li .tit br{display:none}
	
	.p0304 .chk_cont_area{gap:3rem 1rem}
	.p0304 .chk_cont_area .chk_cont{width:calc(50% - .5rem)}
	
	.p0304 .process_list{gap:1rem}
	.p0304 .process_list li{width: calc((100% - 2rem) / 3);}
	
	
	.p0304 .num_list li{width:100%}
	
	.p0304 .faq_list .faq_tit{padding:2rem 5rem 2rem 3rem}
	.p0304 .faq_list .q, .p0304 .faq_list .a{width:3.5rem;height:3.5rem;font-size:1.5rem}
	.p0304 .faq_list .faq_tit .arr{right:3rem}
	
	.p0304 .faq_list .faq_txt{padding:3rem}
	.p0304 .faq_list .faq_txt .f_txt_box{flex-wrap:wrap;gap:1rem}
	.p0304 .faq_list .faq_txt .f_txt_box p{width:100%}
	
	
	.p0304_m_btn{max-width:35rem;width:calc(100% - 13rem)}
	.p0304_m_btn li{height:4.5rem}
	.p0304_m_btn li a .icon{display:none}
	.p0304_m_btn li a{justify-content: center;}
}

@media(max-width:480px){
	.p0304{padding:6rem 2rem}
	
	.p0304 .page_cont .cont_tit .tit{font-size:2.2rem}
	.p0304 .chk_list li{width:100%}
	
	
	.p0304 .chk_cont_area .chk_cont{width:100%}
	
	
	.p0304 .process_list li{width: calc(50% - .5rem);}
	
	.p0304 .faq_list .q{display:none}
	.p0304 .faq_list .q_tit{width:100%;font-size:1.7rem}
	
	
}

@media(max-width:320px){
	.p0304{padding:6rem 1.5rem}
}