@charset "UTF-8"; 

/********************************
 메인화면구성
 *******************************/

  /* 메인이미지영역 */
.main_visual {background:url(../images/visual/main_bg.png) center; background-size: cover;}
.main_visual .inner .mv_list 		{overflow:hidden; display:block; height:500px;}
.main_visual .inner .mv_list:after 	{content:''; display:block; visibility:hidden; clear:both;}
.main_visual .inner .mv_list li a 	{display:block; text-decoration:none; min-height:500px;}
.main_visual .inner .mv_list li .mtit1        {padding-left:5rem}
.main_visual .inner .mv_list li .mtit1:before {content:'';position:absolute;right:0;bottom:0;width:472px;height:405px;background:url(../images/visual/main_img01.png) 0 0 no-repeat;background-size:auto;}
.main_visual .inner .mv_list li .mtit2        {padding-left:5rem}
.main_visual .inner .mv_list li .mtit2:before {content:''; position:absolute; right:70px; bottom:0; width:513px; height:449px; background:url(../images/visual/main_img02.png) 0 0 no-repeat; background-size:auto;}
.main_visual .inner .mv_list li .main_tit {display:block; padding-top:20rem; font-size:4.0rem; line-height:1.3; font-family:'GSK'; color:#e1ff50;}
.main_visual .inner .mv_list li .line_bk  {display:block; padding-top:1rem; font-family:'NSK'; color:#fff; font-size:1.8rem;line-height:1.5;}
.main_visual .inner .mv_list li .mtit1 .line_bk  {max-width:340px;}
.main_visual .inner .mv_list li .mtit2 .line_bk  {max-width:300px;}


  /* 메인슬라이드 버튼 */
.main_ctrl 		{position:absolute; left:50px; bottom:15%;}
.main_ctrl li 	{float:left; width:14px; height:14px; margin:2px;}
.main_ctrl li span.off button 	{display:block; width:14px; height:14px; border-radius:16px; border:3px solid rgba(255,255,255,0.4); background-color:transparent; text-indent:-9999px;}
.main_ctrl li span.on button 	{display:block; width:14px; height:14px; border-radius:16px; background-color:#fff; text-indent:-9999px;}
.main_ctrl li.action button 	{position:absolute; top:-4px; width:30px; height:30px; margin-left:6px; border-radius:30px; text-indent:-9999px;}
.main_ctrl li.play button 		{background:url('../images/main/ctrl_play.png') no-repeat center center; background-size:40%; background-color:rgba(0,0,0,0.5);}
.main_ctrl li.stop button 		{background:url('../images/main/ctrl_pause.png') no-repeat center center; background-size:40%; background-color:rgba(0,0,0,0.5);}


  /*모바일 해상도*/
@media screen and (max-width:1200px) {
	.main_visual {background-position:center;}
	.main_visual .inner .mv_list li .main_tit {}
}
@media screen and (max-width:1024px) {
	.main_visual .inner .mv_list li .main_tit {font-size:3.5rem;}
}
@media screen and (max-width:920px) {
	.main_visual {background-position:-175px 0;}
	.main_visual .inner .mv_list 		{height:270px;}
	.main_visual .inner .mv_list li a 	{min-height:270px;}
  	.main_visual .inner .mv_list li .mtit1, .main_visual .inner .mv_list li .mtit2 {padding-left:5rem}
	.main_visual .inner .mv_list li .main_tit {padding-top:90px; font-size:2.6rem;}
  	.main_visual .inner .mv_list li .line_bk  {font-size:1.4rem;}
  	.main_visual .inner .mv_list li .mtit1 .line_bk  {max-width:200px;}
    .main_visual .inner .mv_list li .mtit2 .line_bk  {max-width:200px;}
	.main_visual .inner .mv_list li .mtit1:before {width:300px; height:257px; right:-4px; background-size:100%;}
	.main_visual .inner .mv_list li .mtit2:before {width:300px; height:257px; right:-45px; background-size:100%;}	
  	.main_ctrl {bottom:20px; left:12rem;}
}
@media screen and (max-width:767px) {
  	.main_ctrl {left:5rem; }
}
@media screen and (max-width:640px) {
	.main_visual .inner .mv_list 			{height:250px;}
	.main_visual .inner .mv_list li a 		{min-height:250px;}
  	.main_visual .inner .mv_list li .mtit1, .main_visual .inner .mv_list li .mtit2 {padding-left:2rem}
	.main_visual .inner .mv_list li .mtit1:before {width:250px; height:215px; background-size:100%;}
	.main_visual .inner .mv_list li .main_tit {padding-top:80px;}
}
@media screen and (max-width:560px) {
	.main_visual {background-position:-205px;}
	.main_visual .inner .mv_list li .mtit1:before {width:260px; height:226px; right:-75px; bottom:-10px; background-size:100%;}
	.main_visual .inner .mv_list li .mtit2:before {width:260px; height:226px; right:-35px; background-size:100%;}
	.main_visual .inner .mv_list li .main_tit {padding-top:65px; font-size:2rem;}
	.main_visual .inner .mv_list li .mtit1 .line_bk  {max-width:140px; font-size:1.24rem;}
    .main_visual .inner .mv_list li .mtit2 .line_bk  {max-width:160px; font-size:1.24rem;}
  	.main_visual .inner .mv_list li .mtit1, .main_visual .inner .mv_list li .mtit2 {padding-left:2rem}
  	.main_ctrl {left:2rem; }
}
@media screen and (max-width:480px) {
}





  /* 메인배너아이콘 */
.t_banner   		{ clear:both; width:100%; clear:both; margin:0; padding:2rem 0; border-bottom: 1px solid #555;}
.t_banner:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
.banner_list li     {width:25%; float: left; position: relative;}
.banner_list li a   { display: inline-block; height: 58px; padding-left:35%}
.banner_list li i.part_icon   { position: absolute; top:10px; left: 5%; display: inline-block; width:70px; height: 58px; background:url(../images/main/main_ir.png);vertical-align:center;transition: all 0.6s;}
.banner_list li i.icon1       { background-position: -21px -182px;}
.banner_list li i.icon2       { background-position: -94px -182px;}
.banner_list li i.icon3       { background-position: -169px -182px;}
.banner_list li i.icon4       { background-position: -242px -182px;}
.banner_list li span.tt       { font-weight:600; padding: 5px 0; font-size: 1.1em; display: block;}
.banner_list li span.txt      { word-break: keep-all;color:#666; line-height:1.4;}
.banner_list li a:hover span.tt       {color:#2465d7; text-decoration:underline;}
.banner_list li a:hover span.txt      {color:#666}


  /* 모바일 해상도 */
@media all and (max-width:920px) {	
  .banner_list li     {width:50%; float: left; position: relative; margin-bottom: 15px;}

}

  /* 모바일 해상도 */
@media all and (max-width:640px) {	
	.t_banner   					{ padding:0;}
  	.banner_list li     			{margin-bottom:0; border-bottom:1px solid #ddd;height:82px;}
  	.banner_list li:nth-child(2n)	{border-left:1px solid #ddd}
	.banner_list li a   			{padding:20px 20px 20px 100px;}
	.banner_list li span.txt      	{ display:none}

}
@media all and (max-width:520px) {
	.banner_list li a   			{padding:13px 20px 10px 100px;}

}
@media all and (max-width:400px) {
  .banner_list li a   			{padding:13px 20px 10px 79px;}
  .banner_list li i.icon1 {left:5px;}
  .banner_list li span.tt {font-size:1.4rem;}

}
@media all and (max-width:380px) {
  .banner_list li a   			{padding:13px 0 10px 69px;}
  .banner_list li i.icon1 {left:0;}
  .banner_list li i.part_icon {left:0;}

}


  /*게시판*/
.t_board     		{ clear:both; position:relative;width:100%;max-width:1200px;margin:0 auto; padding:50px 0; }
.t_board:after		{content:'';display:block;clear:both;height:0;visibility:hidden}

.notice_wrap { width:48%; float: left;}
.notice_list {position:relative; margin-right:50px; z-index:2;}
.notice_list:after 	{content:''; display:block; visibility:hidden; clear:both;}
.notice_list .tit 	{display:block; position:absolute; top:0; width:25%; font-size:2.2rem; color:#333; font-weight:500; }
.notice_list .tit.tit01 {left:0;}
.notice_list .tit.tit02 {left:25%;}
.notice_list .tit.tit03 {left:50%;}
.notice_list .tit span {display:inline-block; padding:0 0 26px}
.notice_list .tit.on span,.notice_list .tit:hover.on span { border-bottom: 3px solid #f36c4f;color:#333; }
.notice_list .tit:hover span { border-bottom: 3px solid #333;color:#f36c4f; }
.notice_list .tit.on {background-color:#fff;}
.notice_list .list_box {display:none; padding:65px 0 0; margin-right:-50px;}
.notice_list .list_box div.list_con { border-top:1px solid #ddd; padding-top: 20px;}
.list_con span.list_con_tt  { display: block; font-weight: 400; font-size: 1.3em; color:#333; padding-bottom: 10px;text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.list_con span.list_con_txt { display: block;padding-bottom: 20px; font-size: 1em; line-height: 130%; height:66px; text-overflow:ellipsis; overflow: hidden; }
.notice_list .list_box ul { clear: both; padding-top: 15px;border-top:1px solid #eee;}
.notice_list .list_box li {overflow:hidden; margin-top:5px;text-overflow:ellipsis; white-space:nowrap; font-size: 1.1em;}
.notice_list .list_box li a {overflow:hidden; position:relative; display:block; padding:10px 100px 10px 10px; border:1px solid #ddd; border-radius:5px; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.notice_list .list_box li a .n_new {position:relative; display:inline-block; width:20px; margin-right:4px; text-indent:-9999px;}
.notice_list .list_box li a .n_new:before {content:''; display:block; position:absolute; left:3px; top:3px; width:20px; height:20px; background:url(../images/main/main_ir.png) -191px -24px no-repeat;}
.notice_list .list_box li span.n_icon1 { display: inline-block; background-color: #006d8f; color: #fff; font-size: 13px; padding: 5px 0; text-align: center; width: 77px; border-radius: 3px;}
.notice_list .list_box li span.n_icon2 { display: inline-block; background-color: #0069d4; color: #fff; font-size: 13px; padding: 5px 0; text-align: center; width: 77px; border-radius: 3px;}
.notice_list .list_box li span.n_icon3 { display: inline-block; margin-right:10px; background-color: #008000; color: #fff; font-size: 13px; padding: 5px 0; text-align: center; width: 77px; border-radius: 3px;}/*준비중*/
.notice_list .list_box li span.n_icon4 { display: inline-block; margin-right:10px; background-color: #d3510a; color: #fff; font-size: 13px; padding: 5px 0; text-align: center; width: 77px; border-radius: 3px;}/*진행중*/
.notice_list .list_box li span.n_icon5 { display: inline-block; margin-right:10px; background-color: #5a5a5a; color: #fff; font-size: 13px; padding: 5px 0; text-align: center; width: 77px; border-radius: 3px;}/*마감*/
.notice_list .list_box li .n_date {position:absolute; right:10px; top:12px; color:#777; font-size:14px;}
.notice_list .list_box li .n_date strong {font-weight:400;}

.notice_list .list_box .btn_more {display:inline-block; position:absolute; right:-50px; top:10px; width:70px; height:27px; border: 1px solid #eee; padding:3px 0 0 10px}
.notice_list .list_box .btn_more:before {content:'+'; position:absolute; font-size: 1.6em; color:#f36c4f; font-weight: 600; right: 10px; top:-5px;}
.notice_list .nodata			 { clear: both; padding-top: 15px;border-top:1px solid #eee;}

  /* 팝업창 */	
.popupzone_wrap	{ position:relative; width:48%; float:right; }
.main_slide > ul 		{}	
.main_slide > ul > li a {display:block; height:306px;}
.main_slide > ul li a img, .main_slide > ul li > img {height:255px; width:100%}
.main_slide .con_ctrl {position:absolute; right:0px; bottom:0px;z-index:10;}
.main_slide .con_ctrl > span {display:block; float:left; height:30px; padding:0 10px; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:14px; font-family:arial; line-height:30px; vertical-align:middle; font-weight:bold;}
.main_slide .con_ctrl > button,.main_slide .con_ctrl > a{display:block; float:left; width:30px; height:30px; margin-left:1px; background:rgba(0, 0, 0, 0.6); background:rgba(0, 0, 0, 0.6) url(../images/main/main_ir.png) no-repeat; color:#fff; text-indent:-9999px; line-height:30px; vertical-align:middle;}
.main_slide .con_ctrl > button.pop_prev {background-position:-15px -47px;}
.main_slide .con_ctrl > button.pop_stop {background-position:-84px -47px;}
.main_slide .con_ctrl > button.pop_play {background-position:-119px -47px;}
.main_slide .con_ctrl > button.pop_next {background-position:-49px -47px;}
    

  /* 모바일 해상도 */
@media all and (max-width:920px) {	
	.t_board     		{ padding:30px 0; }
  	.notice_wrap,.popupzone_wrap { width:96%; float: none; margin:0 2%;}
	.notice_list .list_box {padding:65px 0 20px;}
	.main_slide > ul li a img, .main_slide > ul li > img {height:350px;}
}
@media all and (max-width:767px) {
  	.notice_list .list_box {padding:55px 0 20px;}
  	.notice_list .tit span {padding:0 0 20px;}
  	.notice_list .list_box .btn_more {top:3px;}
	.notice_list .tit 	{font-size:2.0rem;}
  
}
@media all and (max-width:640px) {
	.main_slide > ul li a img, .main_slide > ul li > img {height:250px;}
  	.notice_list .list_box {padding:50px 0 20px;}
  	.notice_list .tit span {padding:0 0 18px;}
  	.notice_list .list_box li span.n_icon3 {width:50px;}/*준비중*/
    .notice_list .list_box li span.n_icon4 {width:50px;}/*진행중*/
    .notice_list .list_box li span.n_icon5 {width:50px;}/*마감*/
	.notice_list .tit 	{font-size:1.8rem;}
}
@media all and (max-width:480px) {
	.main_slide > ul li a img, .main_slide > ul li > img {height:220px;}
  	.notice_list .list_box {padding:47px 0 20px;}
	.notice_list .tit 	{font-size:1.6rem;}
}


  /* 취업지원 */
.t_job     		{ clear:both; position:relative;width:100%;margin:0 auto; padding:5rem 0; background-color: #e4f6fb; }
.t_job:after	{content:'';display:block;clear:both;height:0;visibility:hidden}
.t_job h2     { text-align: center; font-size: 2.6em; color:#052779; font-weight: 400; font-family: GSK; letter-spacing: 2px; padding-top: 1em; }
.t_job h3     { text-align: center; font-size: 1.2em; color:#052779; }
.b_gallery    { clear:both; margin: 2em 0;}
.b_gallery:after	{content:'';display:block;clear:both;height:0;visibility:hidden}
.b_gallery li  		{ float: left; margin-left:5%; width:30%; overflow:hidden}
.b_gallery li:first-child	{ margin-left: 0;}
.b_gallery li p.mp_txt 		{display:block; background-color: #2e74b7; color:#fff; padding:20px 15px;text-overflow:ellipsis; white-space:nowrap; overflow: hidden; font-size: 1.1em; }
.b_gallery li a:hover p.mp_txt 	{ text-decoration: underline;}
.b_gallery li .mp_img       	{ width:100%; height: 215px; overflow: hidden;}
.b_gallery li .mp_img img   	{ width:100%; transition: ease all 0.5s; }
.b_gallery li a:hover .mp_img img   { transform: scale(1.1); transition: ease all 0.5s; }

p.link_btn {clear:both; margin: 3em 0 2em;}
p.link_btn a.btn_more2 			{ position:relative; display:block; margin: 0 auto;  width:77px; height:30px; border: 1px solid #bdbdbd; padding:6px 0 0 10px; background-color: #fff;transition: all 0.6s;}
p.link_btn a.btn_more2:before 	{ position: absolute; content:'+'; font-size: 1.5em; color:#707070; font-weight: 500; right: 12px; top:-1px;}
p.link_btn a:hover.btn_more2  	{ border: 1px solid #0064a3 !important; background-color:#0064a3; color: #fff !important;}
p.link_btn a:hover.btn_more2:before { position: absolute; content:'+'; font-size: 1.5em; color:#fff; font-weight: 500; right: 12px; top:-1px;}

  /* 고용유지 */
.t_work     	{ clear:both; position:relative;width:100%;max-width:1200px;margin:0 auto; padding:5rem 0;}
.t_work:after	{content:'';display:block;clear:both;height:0;visibility:hidden}
.t_work h2      { text-align: center; font-size: 2.6em; color:#555; font-weight: 400; font-family: GSK; letter-spacing: 2px; padding-top: 1em;  }
.t_work h3      { text-align: center; font-size: 1.2em; color:#555; }


  /* 정책연구 */
.t_study     	{ clear:both; position:relative;width:100%;margin:0 auto; padding:5rem 0; background-color: #e5ecfb; }
.t_study:after	{content:'';display:block;clear:both;height:0;visibility:hidden}
.t_study h2     { text-align: center; font-size: 2.6em; color:#052779; font-weight: 400; font-family: GSK; letter-spacing: 2px; padding-top: 1em;  }
.t_study h3     { text-align: center; font-size: 1.2em; color:#052779; }

.b_study    { clear:both; margin: 2em 0;}
.b_study:after	{content:'';display:block;clear:both;height:0;visibility:hidden}
.b_study li     { float: left; margin-left:2.6%; width:23%; overflow:hidden}
.b_study li:first-child{ margin-left: 0;}
.b_study li a:hover p.mp_txt { text-decoration: underline;}
.b_study li .mp_img       { display: inline-block; width:100%; height:380px; overflow: hidden;}
.b_study li .mp_img img   { width:100%; transition: ease all 0.5s; }
.b_study li a:hover .mp_img img   { transform: scale(1.1); transition: ease all 0.5s; }
.b_study li .mp_txt {display:block; color:#052779; padding:10px;font-size: 1.1em; text-align: center; line-height: 130%; word-break: keep-all; }

  
/* 모바일 해상도 */
@media all and (max-width:1100px) {	
  .b_gallery li .mp_img   { height:180px;}
}

@media all and (max-width:920px) {	
  .t_job,.t_work,.t_study   {padding:3rem 0;}
  .b_gallery,.b_study       { width:96%; float: none; margin:2em 2%}
  .b_gallery li   { float: left; margin-left:3%; width:31.3%;}
  .b_study li     { float: left; margin-left:0; width:50%; padding:0 0 20px 20px;}
  .b_study li .mp_img img { width:100%}
}
  
@media all and (max-width:640px) {  
  .t_job,.t_work,.t_study   {padding:2rem 0;}
  
  .t_job h2,.t_work h2,.t_study h2     { font-size: 2em;padding-top:0.5em; }
  .t_job h3,.t_work h3,.t_study h3     { margin:0;  font-size: 1.1em;}
  
  .b_gallery li  		    { float:none; margin:0 0 15px; width:100%;}
  .b_gallery li .mp_img     { height:230px;}
  .b_study li .mp_img       { height:300px; }
}

/*동영상으로 보는 소식*/
.t_youtube { clear:both; position:relative; width:100%; max-width:1200px; margin:0 auto; padding-bottom:40px;}
.t_youtube:after	{content:'';display:block;clear:both;height:0;visibility:hidden}
.ms6_tbox {text-align:center;}
.ms6_tbox h2 {margin-top:0; text-align:center; font-size: 3.0rem; color:#555; font-weight: 400; font-family: GSK; letter-spacing: 2px;}

.video_list {display:block; padding-top:30px;}
.video_list ul {display:block; margin-left:-20px;}
.video_list li {display:inline-block; float:left; width:25%; padding-left:20px;}
.video_list li .youtube_box {position:relative;}
.video_list li a {position:absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;}
.video_list li a img {width:100%; height:160px;}

.video_list li .video_tit {overflow:hidden; margin-bottom:0; padding:10px 10px 5px; color:#121212; font-family:'GSK'; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #ddd;}
.video_list li .hits_txt {padding:5px 10px; border-bottom:1px solid #ddd; font-size:1.4rem;}
.video_list li .hits_txt:after {content:''; display:block; visibility:hidden; clear:both;}
.video_list li .hits_txt .hits {float:left;}
.video_list li .hits_txt .time {float:right;}

.vdoctrl_box {position:absolute; right:0; top:40px;}
.vdoctrl_box > dl {}
.vdoctrl_box > dl dd {position:relative; display:inline-block; float:left; margin-left:5px;}
.vdoctrl_box > dl dd:nth-child(2) {margin-left:0;}
.vdoctrl_box > dl dd a {position:relative; display:block; width:30px; height:30px; box-sizing:border-box; border:1px solid #ddd; border-radius:20px;}
.vdoctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-11px; margin-left:-11px; width:22px; height:22px; background-image:url(../images/main/ytctrl_ir.png); background-repeat:no-repeat; }
.vdoctrl_box > dl dd a.ctrl_prev:before {background-position:0 0;}
.vdoctrl_box > dl dd a.ctrl_stop:before {background-position:-23px 0;}
.vdoctrl_box > dl dd a.ctrl_play:before {background-position:-69px 0;}
.vdoctrl_box > dl dd a.ctrl_next:before {background-position:-46px 0;}


	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
  	.ms6_tbox h2 {font-size: 2.6rem;}
 	.video_list {margin:0 2%;}
	.video_list li {width:50%; padding-bottom:20px;}
	.video_list li a img {height:250px;}
  	.vdoctrl_box {right:2%; top:30px;}
}
@media screen and (max-width:767px) {
	.video_list li a img {height:200px;}
}
@media screen and (max-width:640px) {
  	.ms6_tbox h2 {font-size: 2.4rem;}
	.video_list li {padding-left:15px; padding-bottom:15px;}
	.video_list li a img {height:170px;}
  	.vdoctrl_box {top:33px;}
}
@media screen and (max-width:480px) {
  	.ms6_tbox h2 {font-size: 2.0rem;}
	.video_list {padding-top:50px;}
	.video_list ul {margin-left:0;}
	.video_list li {width:100%; padding-left:0;}
	.video_list li a img {height:160px;}
	
	.vdoctrl_box {right:50%; margin-right:-50px;}
}
@media screen and (max-width:382px) {
}

  /* 관련사이트 */
.t_site     	{ clear:both; position:relative;width:100%;margin:0 auto; padding:2rem 0; border-top: 1px solid #ddd;}
.t_site:after	{content:'';display:block;clear:both;height:0;visibility:hidden}

.lol_banner ul {overflow:hidden; position:relative; display:block; margin-left:-5px; margin-right:10%; height:57px;}
.lol_banner ul:after{content:''; display:block; visibility:hidden; clear:both;}
.lol_banner li 		{display:inlin-block; float:left; width:20%; padding-left:5px;}
.lol_banner li a 	{display:block; padding:10px 5px;  box-sizing:border-box; text-align:center;}
.lol_banner li a img {height:35px;}

.bnctrl_box {position:absolute; right:0; top:50%; margin-top:-13px;}
.bnctrl_box > dl {}
.bnctrl_box > dl dd {position:relative; display:inline-block; float:left; margin-left:5px;}
.bnctrl_box > dl dd:nth-child(2) {margin-left:0;}
.bnctrl_box > dl dd a {position:relative; display:block; width:25px; height:25px; box-sizing:border-box; }
.bnctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-11px; margin-left:-11px; width:27px; height:27px; background-image:url(../images/main/main_ir.png); background-repeat:no-repeat; border:1px solid #eee }
.bnctrl_box > dl dd a.ctrl_prev:before {background-position:-17px -22px}
.bnctrl_box > dl dd a.ctrl_stop:before {background-position:-86px -22px;}
.bnctrl_box > dl dd a.ctrl_play:before {background-position:-120px -22px;}
.bnctrl_box > dl dd a.ctrl_next:before {background-position:-51px -22px;}

	/* 모바일 해상도 */
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.t_site {padding:50px 20px 0;}
}
@media screen and (max-width:920px) {
	.lol_banner ul {margin-right:12%;}
	.t_site {padding:40px 20px 0;}
}
@media screen and (max-width:767px) {
	.lol_banner ul {margin-right:14%;}
	.lol_banner li {width:25%;}
	
}
@media screen and (max-width:640px) {
	.t_site {display:none;}
}
@media screen and (max-width:480px) {
}