.logo_bk{padding: 30px 0; text-align: center; background: #fff;}
.logo_bk img{vertical-align: middle;}
.logo_bk .ltx{display: inline-block; vertical-align: middle; font-size: 40px; color: #333; font-weight: 600; line-height: 50px;}

.sidenav_pc.nsv{position: absolute; bottom: 0; height: auto; box-shadow: none; background: #ff7200;}
.sidenav_pc.nsv .sidenav_logo{background: none; margin-left: 15px;}
.sidenav_logo .hm_lk{display: inline-block;  padding-left: 40px; line-height: 28px; background: url(/resource/images/jo_nshmi.png) 0 0 no-repeat;}

nav.sidenav_pc.nsv > p.lnb_login{background: none; border: none; margin-left: 15px; height: auto;}
nav.sidenav_pc.nsv > p.lnb_login > a{width: auto; font-size: 15px; line-height: 20px; padding: 9px 15px; border: 1px solid #fff; border-radius: 18px;}
nav.sidenav_pc.nsv > p.lnb_login > a:first-child{ margin-right: 6px;}
nav.sidenav_pc.nsv > ul{background: none;     background: #ff7200;}
nav.sidenav_pc.nsv > ul > li > a{position: relative; background: none; color: #fff; font-size: 20px; font-weight: 600; height: auto; line-height: 30px; padding: 15px 0; padding-left: 40px;}
nav.sidenav_pc.nsv > ul > li > a:before{content: ''; position: absolute; width: 7px; height: 7px; border: 2px solid #fff; left: 15px; top: 24px;  border-radius: 50%;}
nav.sidenav_pc.nsv > ul > li > a.active{background: #333;}
nav.sidenav_pc.nsv > ul > li > a.active:before{background: #fff;}
/* 2021/05/07 */
nav.sidenav_pc.nsv > ul > li > ul{padding-left: 40px;margin-top: -5px;}
nav.sidenav_pc.nsv > ul > li > ul > li{margin-bottom: 2px;}
nav.sidenav_pc.nsv > ul > li > ul > li:last-child{margin-bottom: 0;}
nav.sidenav_pc.nsv > ul > li > ul > li > a{display: block;font-size: 16px;color: #fff;}
/* 2021/05/07 */
nav.sidenav_pc.nsv.oc{background: #506263;}
nav.sidenav_pc.nsv.oc > ul{background: #506263;}
.jns_mbtb{margin-left: 15px; margin-top: 30px;}
.jns_mbtb > a{display: inline-block; background: #222; line-height: 26px; padding: 9px 20px; border-radius: 20px;}
.jns_mbtb > a > span{font-size: 18px; color: #fff; padding-right: 35px; background: url(/resource/images/jns_obbg.gif) right center no-repeat; }



.wrapper.bg{background: url(/resource/images/jo_nsbg.jpg) right bottom no-repeat #f2f2f2;}
.wrapper.bg .sub_contents{max-width: 1375px; background: none;}

.jns_iclk{overflow: hidden;text-align: center;background: #fff;padding: 20px;}
.jns_iclk > ul{position: relative;overflow: hidden;}
.jns_iclk > ul:before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #fff;}
.jns_iclk > ul > li{float: left; }
.jns_iclk > ul > li > a{display: block;padding: 20px 10px;border-top: 1px solid #e5e5e5;/* border-left: 1px solid #e5e5e5; */}
.jns_iclk > ul > li > a:focus-visible{transform:scale(0.95);} /* 20240812 */
.jns_iclk > ul > li > a > span{ display: block; margin-top: 30px; font-size: 30px; color: #453737; font-weight: 600; line-height: 40px;}
.jns_iclk > ul > li > a > span img{vertical-align: top; margin-top: 4px;}
.jns_iclk > ul.lc3{margin-right: -1%;display: flex;display: -webkit-flex;flex-wrap: wrap;}/* 20210413 */
.jns_iclk > ul.lc3 > li{width: 33%;border-left: 1px solid #e5e5e5;}/* 20210413 */
.jns_iclk > ul.lc3 > li:nth-of-type(3n + 1){border-left: none;}/* 20210413 */
.jns_iclk > ul.lc2 > li{width: 50%;}
.jns_iclk > ul.lc2 > li:nth-of-type(2n + 1) > a{border-left: none;}

.jns_ntc{position: relative;background: #fff; padding: 20px 40px; margin-top: 25px;}
.jns_ntc > h4{font-size: 30px; color: #333; line-height: 40px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.jns_ntc > ul{margin-top: 15px;}
.jns_ntc > ul > li{overflow: hidden; padding: 5px 0;}
.jns_ntc > ul > li > a{display: block; float: left; font-size: 22px; color: #333; line-height: 30px; max-width: calc(100% - 120px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.jns_ntc > ul > li > span{display: block; float: right; font-size: 22px; color: #666; line-height: 30px;}
.jns_ntc .mrbt{position: absolute; right: 40px; top: 20px;}


.main_footer.nfx{position: absolute; margin-left: 0;}
.main_contents.nw{margin-left: 0; width: auto; }
.jns_int{display: table; width: 100%;  background: #b1defb url(/resource/images/intro_img01.jpg) no-repeat center 0; background-size: cover;}
.jns_int > div{display: table-cell; vertical-align: middle; height:780px;}



.btn-box-out-n > ul{text-align:center;}
.btn-box-out-n > ul > li{display:inline-block;margin: 0 11px;}
.btn-box-out-n > ul > li .btn-box-n{width: 480px;background: #ffffff;border-radius: 23px;padding-top: 35px;box-shadow: 3px 4px 12px #79746d;}
.btn-box-out-n > ul > li .btn-box-n .font1{font-size: 40px;line-height: 54px;margin-bottom: 55px;background: url(/resource/images/intro_img02.gif) no-repeat center bottom;color: #666666;padding: 0 20px 50px 20px;}
.btn-box-out-n > ul > li .btn-box-n .font1 span{display:inline-block;color: #333333;margin-top: 2px;}
.btn-box-out-n > ul > li .btn-box-n .font1 span strong{line-height: 48px;}
.btn-box-out-n > ul > li .btn-box-n .font2{border: 2px solid #ff7200;width: 80%;font-size: 34px;border-radius: 56px;padding: 21px 0;font-weight: bold;color: #ff7200;margin: 0 auto 63px auto;}
.btn-box-out-n > ul > li .btn-box-n .btn-b{border-radius: 0px 0px 23px 23px;display: inline-block;width: 100%;color: #ffffff;line-height: 36px;font-size: 32px;padding: 26px 0 34px 0;font-weight: bold;background: #ff7200;}
.btn-box-out-n > ul > li .btn-box-n .btn-b > span{padding-right: 50px; background: url(/resource/images/intro_img03.png) no-repeat right center}
.btn-box-out-n > ul > li .btn-box-n .font2.s2{border: 2px solid #506263;color: #506263;}
.btn-box-out-n > ul > li .btn-box-n .btn-b.s2{background: #506263;}




@media screen and (max-width: 1400px) and (min-width: 929px){
.wrapper.bg{padding-bottom: 170px;}
.wrapper.bg footer.sub_footer{height: auto}
.wrapper.bg footer .logo{float: left; clear: both; padding-left: 30px; height: auto; padding-bottom: 10px;}
.wrapper.bg footer .logo li{height: 50px; line-height: 50px;}
}

@media screen and (max-width: 928px){
.logo_bk{padding: 10px 0 50px; margin-bottom: -40px}
.logo_bk > a{display: inline-block;}
.logo_bk > a > img{width: 209px}
.logo_bk .ltx{display: block; font-size: 22px; line-height: 30px;}

.sub_contents.bg{background-size: 40%;}
.sidenav_logo .hm_lk{padding: 0; padding-left: 40px;}
nav.sidenav_mobile.nsv .sidepanel .closebtn{width: 40px; padding: 5px; line-height: 40px;}
.openbtn{position: absolute; left: 0; top: -60px;}

/**/
	.main_contents.style2 {width: 100%;height: 1400px;}
	.main_bg.style2{background:#ffffff;border-bottom: 1px solid #e3e3e3;}
	.btn-box-out-n > ul > li {margin: 20px 0px;}
	.main_footer.nfx{    position: static;}
	

.wrapper.bg {background:none;}	
}

@media screen and (max-width:768px) {
	.btn-box-out-n > ul > li .btn-box-n {width: 100%;box-shadow: none; border:1px solid #dedede;}
	.btn-box-out-n > ul > li{width: 94%; }

	.btn-box-out-n > ul{max-width: 550px; margin: 0 auto;}
	.btn-box-out-n > ul > li .btn-box-n .font1{font-size: 24px; line-height: 32px; padding: 0 5px 20px; margin-bottom: 25px;}
	.btn-box-out-n > ul > li .btn-box-n .font1 span strong{line-height: inherit;}
	.btn-box-out-n > ul > li .btn-box-n .font2{font-size: 22px; line-height: 30px;    padding: 8px 0; max-width: 300px;     margin: 0 auto 30px auto;}
	.btn-box-out-n > ul > li .btn-box-n .btn-b{ padding: 16px 0 20px; font-size: 22px;}
	.btn-box-out-n > ul > li .btn-box-n .btn-b > span{padding-right: 35px; background-size: 30px;}
}


@media screen and (max-width: 600px){
.jns_iclk{padding: 5px;}
.jns_iclk > ul > li > a{padding: 10px 5px;}
.jns_iclk > ul > li > a > span{font-size: 20px; line-height: 28px; margin-top: 15px}
.jns_iclk > ul > li > a > span img{width: 20px;}
.jns_iclk > ul.lc3.ac6{margin-right: 0;}
.jns_iclk > ul.lc3.ac6 > li{width: 50%;border-left: 1px solid #e5e5e5;}/* 20210413 */
.jns_iclk > ul.lc3.ac6 > li:nth-of-type(3n + 1) > a{border-left: none;}/* 20210413 */
.jns_iclk > ul.lc3.ac6 > li:nth-of-type(2n + 1){border-left: none;}

.jns_ntc{padding: 15px;}
.jns_ntc > h4{font-size: 20px; line-height: 30px;}
.jns_ntc > ul > li > a{font-size: 16px; line-height: 22px; max-width: calc(100% - 90px);}
.jns_ntc > ul > li > span{font-size: 16px; line-height: 22px;}
.jns_ntc .mrbt{top: 15px; right: 15px}
.jns_ntc .mrbt img{width: 30px;}
}

@media screen and (max-width: 360px){
.logo_bk > a > img{width: 195px}
.logo_bk .ltx{font-size: 20px;}
}



/*  2020/5/19  */
.jns_ntc .fdw{position: absolute;     top: 20px; left: 30%;  width: 214px;  padding: 4px 0; text-align: center; border: 1px solid #e5e5e5;}
.jns_ntc .fdw > span{display: inline-block; font-size: 20px; color: #333; line-height: 28px; padding-right: 35px; background: url(/resource/images/jo_nsdwi.gif) right center no-repeat; background-size: 24px;}

@media screen and (max-width: 600px){
.jns_ntc .fdw{ top: 15px; left: auto; right: 55px;   width: 140px;}
.jns_ntc .fdw > span{font-size: 15px; line-height: 20px; background-size: 20px; padding-right: 25px;}
}



/* 2020/5/21 */

.sidenav_mobile.bg1 .sidepanel{background: #ff7200;}
.sidenav_mobile.bg2 .sidepanel{background: #506263;}

/* 2021/05/07 */
.sidepanel ul.mo-dp{margin-top: -12px;}
.sidepanel ul.mo-dp > li{margin-bottom: 2px;}
.sidepanel ul.mo-dp > li:last-child{margin-bottom: 0;}
.sidepanel ul.mo-dp > li > a{font-size: 16px;padding: 0 0 0 32px;}


@media screen and (max-width: 928px){
.step_form2 .ipfv  select {  display: inline-block; }
}
@media screen and (max-width: 640px){
.step_form2 .ipfv  select {  padding-left: 2px; padding-right: 14px; background-position: right 4px top 50%; }
.step_form2 .ipfv input.text{padding: 0 2px;}
}
@media screen and (max-width: 370px){
.step_form2 .ipfv input.text{font-size: 12px; letter-spacing: -1px;}
}



/* 2020/6/04 */
.ipg_tab_bk{overflow: hidden; width: 90%; margin: 0 auto 30px;}
.ipg_tab{display: table; width: 100%; border-collapse: collapse; text-align: center;}
.ipg_tab > li{display: table-cell; width: 33%;     border: 1px solid #ccc;}
.ipg_tab > li > a{display: block; background: #fff;  font-size: 16px; color: #333; font-weight: 600; padding: 10px 4px;}
.ipg_tab > li.on > a{background: #333; color: #fff;}




/* 2020/6/4 */
@media screen and (max-width: 500px){
.jns_int > div{height: auto;padding-bottom: 40px;}
.btn-box-out-n > ul > li{margin: 20px 0 0;}
.btn-box-out-n > ul > li .btn-box-n{padding-top: 15px;}
.btn-box-out-n > ul > li .btn-box-n .font1{padding: 0 5px 9px; margin-bottom: 15px;     font-size: 22px;    line-height: 30px;}
.btn-box-out-n > ul > li .btn-box-n .font2{font-size: 18px; line-height: 24px; margin: 0 auto 15px;}
.btn-box-out-n > ul > li .btn-box-n .btn-b{font-size: 20px; line-height: 28px; padding: 8px 0 10px;}
}