@CHARSET 'utf-8';
#container h3 { display: block; padding-top: 60px; padding-bottom: 49px; text-align: center; }

.link_wrap { display: block; box-sizing: border-box; width: 100%; height: 70px; margin-bottom: 52px; }
.link_wrap ul { display: block; width: 1080px; height: 100%; margin: 0 auto; background: #f7f7f7; }
.link_wrap ul:after { display: block; clear: both; content: ''; }
.link_wrap ul li { line-height: 70px; float: left; box-sizing: border-box; width: 25%; height: 70px; text-align: center; border-top: 1px solid #ddd; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #ddd; border-left: 1px solid #e2e2e2; }
.link_wrap ul li.link1, .link_wrap ul li.link2, .link_wrap ul li.link3 { border-right: 0; }
.link_wrap ul li.active { height: 70px; border: none; }
.link_wrap ul li.active a { font-family: 'Noto Bold'; color: #fff; }
.link_wrap ul li:hover { border: none; }
.link_wrap ul li:hover a { font-family: 'Noto Bold'; color: #fff; }
.link_wrap ul li.link1.active, .link_wrap ul li.link1:hover { border: 0; background: #1972bd; }
.link_wrap ul li.link2.active, .link_wrap ul li.link2:hover { border: 0; background: #57cbf5; }
.link_wrap ul li.link3.active, .link_wrap ul li.link3:hover { border: 0; background: #f3858e; }
.link_wrap ul li.link4.active, .link_wrap ul li.link4:hover { border: 0; background: #75caba; }

.step_tab { width: 100%; border-top: 1px solid #ebd9dc; border-bottom: 1px solid #ebd9dc; background-color: #fcdedd; }
.step_tab .wrapper { width: 1080px; margin: 0 auto; }
.step_tab ul { position: relative; height: 109px; }
.step_tab ul li { display: block; float: left; }
.step_tab ul li span { display: block; width: 100%; height: 16px; background: url(../images/sub/bg_bar_step1.png) 0 0 no-repeat; }
.step_tab ul li button { position: absolute; top: 16px; display: block; width: 103px; height: 74px; text-indent: -9999px; background: url(../images/sub/step1_tab.png) 0 0 no-repeat; }
.step_tab ul li.step_tab1 { width: 243px; }
.step_tab ul li.step_tab1 span { background-position: 0 0; }
.step_tab ul li.step_tab1 button { left: 12px; background-position: 0 0; }
.step_tab ul li.step_tab1.active span { background-position: 0 -16px; }
.step_tab ul li.step_tab1.active button { background-position: 0 -74px; }
.step_tab ul li.step_tab2 { width: 193px; }
.step_tab ul li.step_tab2 span { background-position: -243px 0; }
.step_tab ul li.step_tab2 button { left: 205px; background-position: -103px 0; }
.step_tab ul li.step_tab2.active span { background-position: -243px -16px; }
.step_tab ul li.step_tab2.active button { background-position: -103px -74px; }
.step_tab ul li.step_tab3 { width: 193px; }
.step_tab ul li.step_tab3 span { background-position: -436px 0; }
.step_tab ul li.step_tab3 button { left: 398px; background-position: -206px 0; }
.step_tab ul li.step_tab3.active span { background-position: -436px -16px; }
.step_tab ul li.step_tab3.active button { background-position: -206px -74px; }
.step_tab ul li.step_tab4 { width: 193px; }
.step_tab ul li.step_tab4 span { background-position: -629px 0; }
.step_tab ul li.step_tab4 button { left: 591px; background-position: -309px 0; }
.step_tab ul li.step_tab4.active span { background-position: -629px -16px; }
.step_tab ul li.step_tab4.active button { background-position: -309px -74px; }
.step_tab ul li.step_tab5 { width: 193px; }
.step_tab ul li.step_tab5 span { background-position: -822px 0; }
.step_tab ul li.step_tab5 button { left: 784px; background-position: -412px 0; }
.step_tab ul li.step_tab5.active span { background-position: -822px -16px; }
.step_tab ul li.step_tab5.active button { background-position: -412px -74px; }
.step_tab ul li.step_tab6 { width: 65px; }
.step_tab ul li.step_tab6 span { background-position: -1015px 0; }
.step_tab ul li.step_tab6 button { right: 0; left: auto; background-position: -515px 0; }
.step_tab ul li.step_tab6.active span { background-position: -1015px -16px; }
.step_tab ul li.step_tab6.active button { background-position: -515px -74px; }
.step_tab.step2 { border-color: #c6e6df; background-color: #d7eee9; }
.step_tab.step2 ul li span { background-image: url(../images/sub/bg_bar_step2.png); }
.step_tab.step2 ul li button { background-image: url(../images/sub/step2_tab.png); }

.step_tab_content { display: none; }
.step_tab_content.active { display: block; }
.step_tab_content img { display: block; }
.step_tab_content .hide { display: none; }

.content { position: relative; padding-top: 0 !important; }
.content.step1_contents:before { position: absolute; top: 0; right: -153px; display: block; width: 153px; height: 141px; content: ''; background: url(../images/sub/bg_step1.jpg) 0 0 no-repeat; }
.content.step2_contents:before { position: absolute; top: 0; right: -153px; display: block; width: 153px; height: 141px; content: ''; background: url(../images/sub/bg_step2.jpg) 0 0 no-repeat; }

/*# sourceMappingURL=sub_yjw.css.map */