@charset "utf-8";



html {
    overflow: scroll;
    overflow-x: hidden;
	-ms-overflow-style:none;
}
html::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
html::-webkit-scrollbar-thumb {
    background: #FF0000;
}
body {
  overscroll-behavior: contain;
  overscroll-behavior-y: contain;

}
.wrap				{height:100%;  }
#visualWrap			{position:absolute; top:0; left:0; background:#1f2322; width:100%; height:100%; overflow:hidden; }
#visualContents			{width:100%; height:400%;}

.visualWrap .visualList			{ position:absolute; width:100%; height:100%; overflow:hidden; background:#2c2c2c;  }
.visualList img		{ }
.visualList ul.visual_1_rolling_tab		{position:absolute;z-index:10; width:50%; left:50%; bottom:3%; margin-left:-25%; text-align:center;  }
.visualList ul.visual_1_rolling_tab li	{display:inline; height:100%; }
.visualList ul.visual_1_rolling_tab li a	{position:relative; display:inline-block; width:15px; height:15px; margin:0 3px; background:#fff; border-radius:10px; overflow:hidden; opacity:0.6 }
.visualList ul.visual_1_rolling_tab li a.on	{opacity:1}
.visualList ul.visual_1_rolling_tab li a span	{position:absolute; top:-1000px; }

ul.visual_1_rolling			{width:100%; height:100%;}
ul.visual_1_rolling li			{width:100%; height:100%;}
.topVisual_1 .visualCont		{position:absolute; top:50%; left:50%; width:50%; }
.topVisual_1 .visualCont img	{width:100%; max-width:609px; height:auto; }

.topVisual_2 .visualCont		{position:absolute; top:50%; left:0%; width:100%; text-align:center; }
.topVisual_2 .visualCont a		{margin:0 17px; display:inline-block; }
.topVisual_2 .visualCont img	{}

.topVisual_3 .visualCont		{position:absolute; top:50%; left:00%; width:100%; text-align:center; }
.topVisual_3 .visualCont img	{width:60%; max-width:610px; height:auto; }

.visual_2,
.visual_3,
.visual_4		{margin-top:0px;}

.visual_2 .visualCont		{position:absolute; bottom:20%; left:20%; width:50%; }
.visual_2 .visualCont .tit	{padding-bottom:30px;}
.visual_2 .visualCont img	{width:100%; max-width:473px; height:auto; }
.visual_2 .visualBox .visualImg	{position:absolute; top:0}
.visual_2 .visualBox .visualImg2	{position:absolute; top:0}

.visual_3 .visualCont		{position:absolute; top:50%; left:50%; width:50%; }
.visual_3 .visualCont .tit	{padding-bottom:30px;}
.visual_3 .visualCont img	{width:100%; max-width:489px; height:auto; }

.visual_4 .visualCont		{position:absolute; top:50%; left:50%; width:50%; }
.visual_4 .visualCont .tit	{padding-bottom:30px;}
.visual_4 .visualCont .tit img	{width:100%; max-width:475px; height:auto; }
.visual_4 .visualCont .search		{position:relative; z-index:10; width:471px; height:80px; background:url(../images/main/visual_4_1_txt_input_bg.png) no-repeat 0 0; }
.visual_4 .visualCont .search input	{width:401px; padding:0 50px 0 20px ; height:80px; border:0; background:none; font-size:24px; }
.visual_4 .visualCont .search a		{position:absolute; right:10px; top:20px;}


.visual_4 .visualCont .search .wordlayer	{position:absolute; width:100%; height:200px; background:#fff; top:80px; overflow:hidden;overflow-y:scroll; 	-ms-overflow-style:auto; scrollbar-face-color: #bcbcbc;scrollbar-shadow-color: #bcbcbc;scrollbar-highlight-color:#bcbcbc;scrollbar-3dlight-color: #bcbcbc;scrollbar-darkshadow-color: #bcbcbc;scrollbar-track-color: #eee;scrollbar-arrow-color:#bcbcbc;  }
.visual_4 .visualCont .search .wordlayer ul 		{width:90%; }
.visual_4 .visualCont .search .wordlayer ul li		{}
.visual_4 .visualCont .search .wordlayer ul li a	{text-align:left; display:block;padding:2% 2% 2% 4%; position:static; display:block; font-size:17px; }



.visualWrap .visualList.footer		{ overflow:auto; height:100%;}
.footBoxWrap			{position:relative; z-index:10;}


.mobileVisualWrap			{display:none}
#quickMenu				{position:fixed; width:88px; bottom:0px; right:50px; z-index:500;text-align:center; }


.scrollIcon			{position:absolute; bottom:30px; left:30%; width:40%; text-align:center; z-index:500}
.visualLinks		{position:absolute; bottom:20%; left:0%; width:100%; text-align:center; z-index:500}
.visualLinks a		{margin:0 5%; }
/* mobile */
	.visualWrap  .mob		{display:none }

@media (max-width: 900px) {
	.mobileVisualWrap			{display:none}
	#visualWrap				{display:block; }
	#visualContents				{display:block; }
	#quickMenu				{display:none;}

	.visualWrap  .pc		{display:none }
	.visualWrap  .mob		{display:block }

		
.topVisual_1 .visualCont,
.topVisual_2 .visualCont,
.topVisual_3 .visualCont		{position:absolute; top:30%; left:0%; width:100%; text-align:center; }

.visual_2 .visualCont,
.visual_3 .visualCont			{top:auto; bottom:20%; left:0%; width:100%; text-align:center; }


.topVisual_1 .visualCont img,
.topVisual_2 .visualCont img,
.topVisual_3 .visualCont img		{width:50%;  height:auto; }
.visual_2 .visualCont img,
.visual_3 .visualCont img			{width:60%;  height:auto; }
.visual_2 .visualCont .tit img		{width:90%;  height:auto; }
.visual_3 .visualCont .tit img			{width:70%;  height:auto; }

	
	
.visual_4 .visualCont		{position:absolute; top:20%; left:15%; width:70%; }
.visual_4 .visualCont .tit	{padding-bottom:30px; text-align:center; }
.visual_4 .visualCont .tit img	{width:100%; max-width:475px; height:auto; }
.visual_4 .visualCont .search		{position:relative; width:100%; height:40px; background:url(../images/main/visual_4_1_txt_input_bg.png) no-repeat 0 0; background-size:100% 100%; }
.visual_4 .visualCont .search input	{width:calc(100% - 35px); padding:0 30px 0 5px ; height:40px; border:0; background:none; font-size:16px; }
.visual_4 .visualCont .search a		{position:absolute; right:10px; top:8px;}
.visual_4 .visualCont .search a img	{width:26px; height:auto}
.visual_4 .visualCont .search .wordlayer	{top:40px; height:100px; }


}

.topFixbbs				{position:fixed; width:100%; height:0; top:198px; z-index:500; -webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;   }
.topFixbbs .btnOpen		{position:absolute; right:0; }
.topFixbbs .bbsCont		{width:100%; height:100px; background:#2c2c2c;  text-align:center; display:none;   }
.topFixbbs .bbsCont * {vertical-align:middle; font-size:15px;  }
.topFixbbs .bbsCont ul 	{display:inline-block; padding:17px 20px; height:66px; overflow:hidden;   vertical-align:middle; }
.topFixbbs .bbsCont ul li 	{display:block; margin-bottom:30px; }
.topFixbbs .bbsCont ul li img 	{margin-right:10px; }
.topFixbbs .bbsCont ul li a {color:#c5c5c5; display:ine-block; }
.topFixbbs .bbsCont ul li a em	{display:inline-block; width:500px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.topFixbbs .bbsCont ul li a span {color:#7c7c7c; }
.topFixbbs .bbsCont ul li a:hover span {text-align:underline; }



.headerWrap.mini ~ .topFixbbs	{top:63px;  }
@media (max-width: 900px) {

.topFixbbs	{top:0px;  }
.headerWrap.mini ~ .topFixbbs	{top:0px;  }
.topFixbbs.on	{top:65px; -webkit-transition: all 0ms linear;-moz-transition: all 0ms linear;-o-transition: all 0ms linear;-ms-transition: all 0ms linear;transition: all 0ms linear;     }
.topFixbbs .btnOpen		{left:50%; margin-left:-20px;  }
.topFixbbs.on .btnOpen		{top:100px }
.topFixbbs.on .bbsCont ul img		{}
.topFixbbs.on .bbsCont ul a em		{width:calc(100% - 130px); }
.topFixbbs.on .bbsCont ul a span	{display:none; }
.topFixbbs .bbsCont ul 	{display:inline-block; width:calc(100% - 100px); padding:17px 10px;  }

}




.mobileVisualWrap			{margin-top:00px; }
.m_visualList		{ position:relative; width:100%;  background:#222;  }

ul.m_visual_1_rolling			{width:100%; position:relative; overflow:hidden;     }
ul.m_visual_1_rolling > li		{width:100%; }

.m_visual_1_rolling_tab			{position:absolute; bottom:10px; }

.visual_1		{background:#222; }
.topVisual_1 .m_visualCont		{position:absolute; top:50%; left:50%; width:50%; }
.topVisual_1 .m_visualCont img	{width:100%; max-width:609px; height:auto; }

.topVisual_2 .m_visualCont		{position:absolute; top:50%; left:0%; width:100%; text-align:center; }
.topVisual_2 .m_visualCont a		{margin:0 17px; display:inline-block;  }

.topVisual_3 .m_visualCont		{position:absolute; top:50%; left:50%; width:50%; }
.topVisual_3 .m_visualCont img	{width:100%; max-width:609px; height:auto; }



@media (max-width: 900px) {
.topVisual_1 .m_visualCont		{top:50%; left:auto; right:5%; width:60%; }
.topVisual_3 .m_visualCont		{top:50%; left:auto; right:5%; width:60%; }


.topVisual_2 .m_visualCont		{position:absolute; top:27%; left:auto; right:10%; width:40%;}
.topVisual_2 .m_visualCont a	{width:100%; margin-top:10px; }
.topVisual_2 .m_visualCont img	{width:100%}
}


.mobileVisualWrap .visual_2,
.mobileVisualWrap .visual_3,
.mobileVisualWrap .visual_4		{margin-top:0px; position:relative; }

.visual_2 .m_visualCont		{position:absolute; top:50%; left:50%; width:50%; }
.visual_2 .m_visualCont .tit	{padding-bottom:30px;}
.visual_2 .m_visualCont img	{width:100%; max-width:473px; height:auto; }
.visual_2 .m_visualBox .m_visualImg	{position:absolute; top:0}


.visual_3 .m_visualCont		{position:absolute; top:50%; left:50%; width:50%; }
.visual_3 .m_visualCont .tit	{padding-bottom:30px;}
.visual_3 .m_visualCont img	{width:100%; max-width:489px; height:auto; }

.visual_4 .m_visualCont		{position:absolute; top:50%; left:50%; width:50%; }
.visual_4 .m_visualCont .tit	{padding-bottom:30px;}
.visual_4 .m_visualCont .tit img	{width:100%; max-width:475px; height:auto; }
.visual_4 .m_visualCont .search		{position:relative; width:471px; height:80px; background:url(../images/main/visual_4_1_txt_input_bg.png) no-repeat 0 0; }
.visual_4 .m_visualCont .search input	{width:401px; padding:0 50px 0 20px ; height:80px; border:0; background:none; font-size:24px; }
.visual_4 .m_visualCont .search a		{position:absolute; right:10px; top:20px;}


.visual_4		{ }
.visual_4 .m_visualCont .search .wordlayer	{position:absolute; width:100%; height:100px; background:#fff; overflow:hidden;overflow-y:scroll; 	-ms-overflow-style:auto; scrollbar-face-color: #bcbcbc;scrollbar-shadow-color: #bcbcbc;scrollbar-highlight-color:#bcbcbc;scrollbar-3dlight-color: #bcbcbc;scrollbar-darkshadow-color: #bcbcbc;scrollbar-track-color: #eee;scrollbar-arrow-color:#bcbcbc;  }
.visual_4 .m_visualCont .search .wordlayer ul 		{width:90%; }
.visual_4 .m_visualCont .search .wordlayer ul li		{}
.visual_4 .m_visualCont .search .wordlayer ul li a	{text-align:left; display:block;padding:2% 2% 2% 4%; position:static; display:block; font-size:17px; }


@media (max-width: 900px) {
.m_visualList		{overflow:hidden; }
.visual_2 .m_visualBox .m_visualImg	{position:static; top:0}
.visual_2 .m_visualCont		{ top:auto; bottom:12%; left:auto; right:10%; width:50% }
.visual_2 .m_visualCont .tit	{padding-bottom:0px;}

.visual_3 .m_visualBox 	{overflow:hidden; }
.visual_3 .m_visualBox .m_visualImg	{position:static; top:0}
.visual_3 .m_visualCont		{ top:auto; bottom:12%; left:auto; right:10%; width:50% }
.visual_3 .m_visualCont .tit	{padding-bottom:0px;}

.visual_4 .m_visualCont		{top:auto; top:12%; left:auto; right:10%; width:50% }
.visual_4 .m_visualCont .tit	{padding-bottom:5px;}
.visual_4 .m_visualCont .tit img	{width:100%; max-width:475px; height:auto; }
.visual_4 .m_visualCont .search		{position:relative; width:100%; height:40px; background:url(../images/main/visual_4_1_txt_input_bg.png) no-repeat 0 0; background-size:100% 100% }
.visual_4 .m_visualCont .search input	{width:85%; padding:0 0px 0 5px ; height:40px; border:0; background:none; font-size:15px; }
.visual_4 .m_visualCont .search a		{position:absolute; right:5px; top:5px;}
.visual_4 .m_visualCont .search a img	{width:30px; height:auto; }
.visual_4 .m_visualCont .search .wordlayer	{ height:60px; }
}





.btCont					{padding:60px 2.5%; background:#fff; }
.btCont .cont_1			{ margin:0 auto; padding:0 0 30px; overflow:hidden;}
.btCont .cont_1 .btBnrCont	{float:left; width:33%; position:relative;  }
.btCont .cont_1 .btBnrCont .cont li		{width:100%; overflow:hidden; }
.btCont .cont_1 .btBnrCont .cont li img	{min-width:100%; min-height:170px}
.btCont .cont_1 .btBnrCont ul.tab		{position:absolute;z-index:10; width:50%; left:50%; bottom:3%; margin-left:-25%; text-align:center;  }
.btCont .cont_1 .btBnrCont ul.tab li	{display:inline; height:100%; }
.btCont .cont_1 .btBnrCont ul.tab li a	{position:relative; display:inline-block; width:10px; height:10px; margin:0 3px; background:#fff; border-radius:10px; overflow:hidden; opacity:0.6 }
.btCont .cont_1 .btBnrCont ul.tab li a.on	{opacity:1}
.btCont .cont_1 .btBnrCont ul.tab li a span	{position:absolute; top:-1000px; }
.btCont .cont_1 .btbbs	{float:left;  width:65%;  margin-left:2%; }
.btCont .cont_1 .btbbs > li	{float:left; width:49%;  margin-left:2%; }
.btCont .cont_1 .btbbs > li:first-child	{margin:0; }
.btCont .cont_1 .btbbs .limou	{position:relative; overflow:hidden; }
.btCont .cont_1 .btbbs .limou	{position:relative; overflow:hidden; }
.btCont .cont_1 .btbbs .limou img	{width:100%; }
.btCont .cont_1 .btbbs .limou .links	{position:absolute; left:0; top:21.3%; width:100%; height:100%; }
.btCont .cont_1 .btbbs .limou .links  a	{display:block; overflow:hidden; margin-bottom:0.5%; margin-left:42.5%; width:52%; height:16.568%; background:#ddd; text-indent:-2000px; opacity:0.001;}
.btCont .cont_1 .btbbs li.notice		{width:calc(49% - 20px); height:150px; padding:10px; background:#e2e2e2 }
.btCont .cont_1 .btbbs li.notice h3		{position:relative; font-size:21px; color:#2c2c2c;   }
.btCont .cont_1 .btbbs li.notice h3 a	{position:absolute; width:auto; right:0; font-size:15px; font-family:'Noto Sans' ,sans-serif;  font-weight:400;}
.btCont .cont_1 .btbbs li.notice ul		{margin-top:10px; }
.btCont .cont_1 .btbbs li.notice ul li	{overflow:hidden; padding-left:8px; margin-top:5px; background:url(../images/main/bul_dot.jpg) no-repeat 0 11px}
.btCont .cont_1 .btbbs li.notice ul li a{float:left; }
.btCont .cont_1 .btbbs li.notice ul li em{float:right; color:#999;  }


@media (max-width: 1300px) {
.btCont .cont_1 .btBnrCont	{float:none; width:100%; }
.btCont .cont_1 .btbbs	{position:relative; float:none;  width:100%;  margin-left:0; margin-top:4%; }
.btCont .cont_1 .btbbs .limou	{float:none; width:48%; }
.btCont .cont_1 .btbbs li.notice		{position:absolute; height:calc(100% - 20px); right:0; top:0; width:44%; padding:10px 2%; }
.btCont .cont_1 .btbbs li.notice h3		{font-size:25px;  }
.btCont .cont_1 .btbbs li.notice a		{width:calc(100% - 100px); overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.btCont .cont_1 .btbbs li.notice a,
.btCont .cont_1 .btbbs li.notice em	{font-size:18px; line-height:130%;  }
}

@media (max-width: 900px) {
.btCont						{margin-top:30px; }
.btCont .cont_1 .btBnrCont	{float:none; width:100%; }
.btCont .cont_1 .btbbs			{position:relative; float:none;  width:100%;  margin-left:0; margin-top:4%; }
.btCont .cont_1 .btbbs .limou		{float:none; width:100%; }
.btCont .cont_1 .btbbs .limou img	{width:100%; }
.btCont .cont_1 .btbbs li.notice		{margin:0; margin-top:4%; } 
.btCont .cont_1 .btbbs li.notice		{position:static; height:auto; width:96%; padding:20px 2%; }
.btCont .cont_1 .btbbs li.notice em	{font-size:15px; line-height:130%;  }
}