#intro2 {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 990;}
#intro2 .intro2_dim {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .6;  z-index: 1;}
.intro_contents {position: relative; height: 100%; overflow-x: auto;}
.intro_contents .int_btn_box {text-align: right; display: flex; align-items: center;}
.intro_contents .int_btn_box .inp_box {color: #fff; padding-right: 2.375rem;}
.intro_contents .int_btn_box .fm_rd ._icon, .intro_contents .int_btn_box .fm_ch ._icon {width: .75rem; height: .75rem; margin-top: .3125rem;}
.intro_contents .int_btn_box .inp_box .text {border-bottom: 1px solid #fff;}
.intro_contents .int_btn_box .close_btn2 a { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.8125rem; height: 2.8125rem; background-color: #424648; color: #fff;}
.intro_contents .int_btn_box .close_btn2 i { font-size: 27/"sm"rem;}
#intro_banner {position: fixed; top: 0; left: 50%; width: 100%; height: 100%; z-index: 990; transform: translateX(-50%); }
.intro_banner_cont { position: absolute; top: 120px; left: 50%; width: 720px;height: 80%; max-height: calc(100% - 120px); transform: translateX(-50%); background: url(/resource/images/common/intro2/banner_260813_bg.jpg) top center no-repeat; background-color: #0d4168;  background-size: cover; overflow-x: auto; overflow-y: auto; z-index: 2;}
.intro_banner_cont .int_btn_box {text-align: right; display: flex; align-items: center;}
.intro_banner_cont .int_btn_box .inp_box {display: flex; color: #fff; padding-right: 2.375rem; margin-left: auto;}
.intro_banner_cont .int_btn_box .inp_box .text {border-bottom: 1px solid #fff;}
.intro_banner_cont .int_btn_box .fm_rd ._icon, .intro_banner_cont .int_btn_box .fm_ch ._icon {width: .75rem; height: .75rem; margin-top: .3125rem;}
.intro_banner_cont .int_btn_box .close_btn a {display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 5.55556rem; height: 5.55556rem; background-color: #424648; color: #fff;}
.intro_banner_list h3 {text-align: center; margin-top: 50px; margin-bottom: 100px;}
.intro_banner_list h3 img {width: 80%;}
.intro_banner_list {width: 100%; max-width: 1260px; padding: 0 30px; margin: 0 auto;}
.intro_banner_list ul::after {content: ''; display: block; clear: both;}
.intro_banner_list li {float: left; width: 48.333%; border-radius: 25px; border: 5px solid #fff; margin-bottom: 40px; background: #fff; overflow: hidden;}
.intro_banner_list li:nth-child(2n) {float: right;}
.intro_banner_list a {display: block; cursor: pointer;}
.intro_banner_list a img {width: 100%; border-radius: 25px;}
.intro_banner_list p {display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; height: 80px; font-size: 18px; font-weight: 500; color: #000; text-align: center; padding: 12px 20px; box-sizing: border-box;}
.intro_banner_list p span {font-size: 16px; font-weight: 400;}
.intro_banner_list h4 {text-align: center; padding: 50px 0;}
.video_modal_popup.reveal {display: flex; position: fixed; top: 0; left: 0; right: 0; bottom: 0; justify-content: center; align-items: center; width:100%; height:100%; z-index: 1000;}
.video_modal_popup .video-wrapper {position: relative; width: 80%; padding-bottom: 45%; z-index: 1000;}
.video_modal_popup .video-wrapper iframe {position: absolute; top:0; left:0; width: 100%; height: 100%; border:none;}
.video_modal_popup.reveal .video_modal_popup-closer {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1;}
@media ( max-width: 800px){
	#intro2 {width: 100%;}
	#intro_banner { width: 100%;}
	.intro_banner_cont { top: 60px; width: 90%; height: 90%;}
	.intro_banner_list li {width: 100%;}
	.intro_banner_list p {height: 80px; font-size: 18px;}
	.intro_banner_list p span {font-size: 14px;}
	.intro_banner_cont .int_btn_box .fm_rd ._icon, .intro_banner_cont .int_btn_box .fm_ch ._icon { width: 1.4rem; height: 1.4rem;margin-top: .3125rem;}
	.intro_contents .int_btn_box .inp_box .text {font-size: 1.4rem;}
}
@media ( max-width: 500px){
	.intro_banner_list p {font-size: 16px;}
}