@charset "utf-8";
/**************************************************
	
	Global
	
**************************************************/
@media screen and (max-width: 750px) { 

}
@media screen and (min-width: 750px) and (max-width: 1024px) { 

}
/**************************************************
	public
**************************************************/
/* html,body */
html{ overflow-y:scroll; }
body{ min-width:1000px;padding-top: 100px; }

.nostyle *{font-family:inherit; font-size:inherit; color:inherit; letter-spacing:0; word-break:break-all; line-height:normal;}
.nostyle ul{list-style:inherit !important;margin:inherit !important;padding-left:40px;}
.nostyle li{display:list-item;}

/* popup */
#popBG{display: none;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
#popup{padding-top: 50px;display: none;position: fixed;top: 50%;left: 50%;background: #fff;width: 1000px;height: 680px;z-index: 101;margin-top: -340px;margin-left: -500px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-shadow: 0 0 2px rgba(0,0,10,0.3);-webkit-box-shadow: 0 0 2px rgba(0,0,10,0.3);-mox-box-shadow: 0 0 2px rgba(0,0,10,0.3);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;overflow: hidden;}
#popup .popTit{position: absolute;top: 0;left: 0;width: 100%;height: 50px;line-height: 50px;background: #333;padding: 0 20px;font-size: 16px;color: #fff;font-weight: normal;letter-spacing: -2px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#popup .popTit ._popClose{position: absolute;top: 0;right: 0;background: url(../images/ajax-pop-close.jpg) no-repeat center center;text-indent: -999em;display: block;width: 50px;height: 50px;}
#popup .popCont{padding: 40px;overflow-y: auto;width: 100%;height: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* paging */
.__paging{text-align: center;white-space: nowrap;margin-top: 30px;}
.__paging > a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ddd;margin: 0 2px;font-size: 12px;text-decoration: none;}
.__paging > a.first{}
.__paging > a.prev{}
.__paging > a.next{}
.__paging > a.last{}
.__paging > a.active{border-color: #ddd;background: #ddd;}
.__paging > a:hover{border-color: #ddd;background: #ddd;}

/* button */
.__btnArea{ margin-top:20px; text-align:center; }
.__btnArea > *{ margin:0 3px; }
.__btn{ display:inline-block; *display:inline; *zoom:1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.__btn.type1{ background:#fff; border:1px solid #ddd; padding:0 20px; color:#000 !important; height:35px; line-height:35px; }
.__btn.type2{ background:#999; border:1px solid #999; padding:0 20px; color:#fff !important; height:35px; line-height:35px; }

/**************************************************
	layout
**************************************************/
#header{ position:fixed;top: 0;left: 0;width: 100%; z-index:90;height: 100px;background: #2b3136; }
#header .inner{ width:1200px; margin:0 auto;position: relative; }
#header .logo{display: block;position: absolute;top:40px;left: 0;color: #fff;font-size: 15px;font-weight: normal;}
#header .logo h1{font-weight: normal;font-size: 30px;}
#header .logo h1 strong{color: #41a0cc;font-weight: bold;}

#gnb{ position:absolute;top: 0;right: 340px; }
#gnb > li{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;}
#gnb > li > a{font-size: 17px;border-bottom: 0 solid #42a0cc;display: block;padding: 0 30px;height: 100px;line-height: 100px;color: #fff;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
#gnb > li.active > a,
#gnb > li:hover > a{color: #42a0cc;border-bottom: 5px solid #42a0cc;height: 95px;}

#tnb{position: absolute;top: 0;right: 70px;}
#tnb > li{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;height: 100px;line-height: 100px;padding: 0 17px;background: url(../images/layout/tnb_line.jpg) no-repeat 0 center;}
#tnb > li:first-child{background: none;}
#tnb > li > a{font-size: 14px;color: #888888;}
#tnb > li.active > a,
#tnb > li:hover > a{color: #fff;}

#gnbBtn{background: url(../images/layout/gnb_menu.jpg) no-repeat center center / contain;;text-indent: -999em;display: block;width: 45px;height: 45px;position: absolute;top: 28px;right: 0;}

#content{ width:1200px; margin:0 auto;padding: 50px 0; }

#footer{ position:relative; background: #fff;border-top: 1px solid #ddd; }
#footer .infoWrap{ width:1200px; margin:0 auto;padding: 50px 0;zoom: 1; }
#footer .infoWrap:after{display: block;content: '';clear: both;}
#footer .infoWrap > *{float: left;}
#footer .infoWrap dt{width: 565px;}
#footer .infoWrap dt .flogo{display: block;margin-bottom: 15px;}
#footer .infoWrap dt span{font-size: 16px;color: #666666;line-height: 25px;letter-spacing: -1px;}
#footer .infoWrap dt span strong{color: #555555;margin-right: 10px;}
#footer .infoWrap dd{width: 635px;background: url(../images/layout/flogo2.jpg) no-repeat right center;}
#footer .infoWrap dd .f_call{display: block;margin-bottom: 10px;}
#footer .infoWrap dd span{line-height: 25px;font-size: 14px;color: #666666;letter-spacing: -1px;}
#footer .infoWrap dd span strong{margin-right: 10px;}
#footer .copyWrap{height: 80px;background: #3b3b3b;}
#footer .copyWrap .inner{width: 1200px;margin: 0 auto;position: relative;}
#footer .copyWrap .copy{font-size: 15px;color: #9a9a9a;line-height: 80px;}

#fnb{position: absolute;top: 0;right: 0;}
#fnb > li{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;height: 80px;line-height: 80px;padding: 0 15px;background: url(../images/layout/fnb_line.jpg) no-repeat 0 center;}
#fnb > li:first-child{background: none;padding-left: 0;}
#fnb > li:last-child{padding-right: 0;}
#fnb > li a{font-size: 15px;color: #9a9a9a;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
#fnb > li.active a,
#fnb > li:hover a{color: #fff;}

/* sitemap */
#sitemapCover{display: none;position: fixed;z-index: 900;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);}
#sitemap{display: none;position: fixed;z-index: 901;top: 0;left: 0;width: 100%;height: 100%;}
#sitemap #gnbBtnClose{background: url(../images/layout/gnb_close.png);width: 45px;height: 45px;text-indent: -999em;display: block;position: absolute;top: 28px;left: 50%;margin-left: 554px;}
#sitemap .logo{display: block;margin: 0 auto;margin-top: 10%;margin-bottom: 70px;}
#sitemap .menu{text-align: center;}
#sitemap .menu li{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;margin-left: 130px;}
#sitemap .menu li:first-child{margin-left: 0;}
#sitemap .menu li a{display: block;width: 80px;padding-top: 80px;font-size: 18px;color: #dddddd;text-align: center;}
#sitemap .menu li:hover a{color: #42a0cc;font-weight: bold;}
#sitemap .menu li.m1{background: url(../images/layout/gnb_1_off.png) no-repeat center 0;}
#sitemap .menu li.m2{background: url(../images/layout/gnb_2_off.png) no-repeat center 0;}
#sitemap .menu li.m3{background: url(../images/layout/gnb_3_off.png) no-repeat center 0;}
#sitemap .menu li.m4{background: url(../images/layout/gnb_4_off.png) no-repeat center 0;}
#sitemap .menu li.m1:hover{background-image: url(../images/layout/gnb_1_on.png);}
#sitemap .menu li.m2:hover{background-image: url(../images/layout/gnb_2_on.png);}
#sitemap .menu li.m3:hover{background-image: url(../images/layout/gnb_3_on.png);}
#sitemap .menu li.m4:hover{background-image: url(../images/layout/gnb_4_on.png);}

/**************************************************
	layout (tablet&mobile)
**************************************************/
@media screen and (min-width: 750px) and (max-width: 1250px) { 
	body{ min-width:100%; }
	
	#header .inner{width: 100%;}
	#header .logo{left: 20px;}
	
	#gnbBtn{right: 20px;}
	
	#tnb{top: 20px;right: 83px;}
	#tnb > li{line-height: 14px;height: 14px;}
	
	#gnb{top: 30px;right: 70px;}
	#gnb > li > a{height: 70px;line-height: 70px;line-height: 70px;}
	#gnb > li.active > a,
	#gnb > li:hover > a{height: 65px;}
	
	#content{width: 100%;padding: 20px 10px;}
	
	#footer .infoWrap{width: 100%;padding: 20px 0;}
	#footer .infoWrap > *{float: none;width: 100% !important;text-align: center;}
	#footer .infoWrap dt{margin-bottom: 20px;}
	#footer .infoWrap dt h1{text-align: center;}
	#footer .infoWrap dd{margin: 0 auto;padding-bottom: 50px;background-position:center bottom;background-size: 50px auto;}
	#footer .infoWrap .flogo,
	#footer .infoWrap .f_call{display: block;margin: 0 auto;}
	#footer .infoWrap span{font-size: 11px !important; line-height: 13px !important;}
	#footer .copyWrap{height: auto;padding: 15px 0 40px 0;}
	#footer .copyWrap .inner{width: 100%;}
	#footer .copyWrap .copy{font-size: 11px;line-height: 11px;display: block;text-align: center;}
	
	#fnb{top: 20px;width: 100%;text-align: center;}
	#fnb > li{font-size: 11px;line-height: 11px;height: 11px;}
	#fnb > li a{font-size: 11px;line-height: 11px;}
	
	#sitemap #gnbBtnClose{left: auto !important;right: 20px;margin-left: 0 !important;}
	
}
@media screen and (max-width: 750px) { 
	body{ min-width:320px;padding-top: 70px;  }
	
	#header{height: 70px;}
	#header .inner{width: 100%;}
	#header .logo{left: 10px;top: 36px;width: 100px;height: 25px;}
	#header .logo h1{font-size: 20px !important;}
	
	#gnbBtn{right: 10px;top: 35px;width: 25px;height: 25px;}
	
	#tnb{top: 0;right: 0;width: 100%;text-align: right;padding: 7px 0 2px 0;background: #000;}
	#tnb > li{line-height: 11px;height: 11px;}
	#tnb > li a{font-size: 11px;}
	
	#gnb{top: 30px;right: 70px;display: none;}
	
	#content{width: 100%;padding: 20px 10px;}
	
	#footer .infoWrap{width: 100%;padding: 20px 0;}
	#footer .infoWrap > *{float: none;width: 100% !important;text-align: center;}
	#footer .infoWrap dt{margin-bottom: 10px;}
	#footer .infoWrap dt h1{text-align: center;font-size: 20px;}
	#footer .infoWrap dd{margin: 0 auto;padding-bottom: 50px;background-position:center bottom;background-size: 50px auto;width: auto !important;line-height: 12px;}
	#footer .infoWrap .flogo,
	#footer .infoWrap .f_call{display: block;margin: 0 auto;}
	#footer .infoWrap .flogo{width: 100px;}
	#footer .infoWrap .f_call{width: 300px;}
	#footer .infoWrap span{font-size: 10px !important; line-height: 12px !important;}
	#footer .copyWrap{height: auto;padding: 15px 0 40px 0;}
	#footer .copyWrap .inner{width: 100%;}
	#footer .copyWrap .copy{font-size: 11px;line-height: 11px;display: block;text-align: center;}
	
	#fnb{top: 20px;width: 100%;text-align: center;}
	#fnb > li{font-size: 11px;line-height: 11px;height: 11px;}
	#fnb > li a{font-size: 11px;line-height: 11px;}
	
	#sitemap #gnbBtnClose{top: 35px;left: auto !important;right: 10px;width: 25px;height: 25px;margin-left: 0 !important;background-size: 100% auto;}
	#sitemap .logo{width: 200px;height: auto;margin-top: 20%;}
	#sitemap .menu li{width: 50%;margin: 0;margin-bottom: 50px;text-align: center;}
	#sitemap .menu li a{width: 100%;}
	#sitemap .menu li:first-child{margin-left: 0;}
}

/**************************************************
	main
**************************************************/
#main{background: url(../images/main/main_bg.jpg);}

#main .mainbox{zoom: 1;}
#main .mainbox:after{display: block;content: '';clear: both;}
#main .mainbox > *{float: left;}
#main .mainbox .left{width: 716px;}
#main .mainbox .left .leftbox{height: 685px;}

#main .mainbox .left .gallery{position: relative;}
#main .mainbox .left .gallery .rollWrap{position: relative;}
#main .mainbox .left .gallery .bx-controls{position: absolute;bottom: 40px;left: 0;width: 100%;text-align: center;height: 33px;}
#main .mainbox .left .gallery .bx-controls a{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 33px;height: 33px;text-indent: -999em;margin: 0 30px;}
#main .mainbox .left .gallery .bx-prev{background: url(../images/main/gallery_prev.png);}
#main .mainbox .left .gallery .bx-next{background: url(../images/main/gallery_next.png);}
#main .mainbox .left .gallery .bx-start{background: url(../images/main/gallery_play.png);position: relative;top: -33px;}
#main .mainbox .left .gallery .bx-stop{background: url(../images/main/gallery_pause.png);position: relative;top: -33px;}

#main .mainbox .left .notice{margin-top: 12px;border: 1px solid #ddd;background: #fff;position: relative;height: 60px;padding-left: 145px;}
#main .mainbox .left .notice h4.tit{font-size: 17px;color: #333333;line-height: 60px;position: absolute;top: 0;left: 0;padding-left: 30px;}
#main .mainbox .left .notice .roll li{position: relative;}
#main .mainbox .left .notice .roll .sbj{font-size: 14px;display: block;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 170px;line-height: 60px;}
#main .mainbox .left .notice .roll .date{position: absolute;top: 0;right: 55px;line-height: 60px;font-size: 14px;color: #888888;}
#main .mainbox .left .notice .bx-viewport{height: 60px !important;overflow: hidden;}
#main .mainbox .left .notice .bx-prev{background: url(../images/main/notice_prev.jpg) no-repeat center center / contain;width: 23px;height: 19px;position: absolute;top: 11px;right: 15px;text-indent: -999em;}
#main .mainbox .left .notice .bx-next{background: url(../images/main/notice_next.jpg) no-repeat center center / contain;width: 23px;height: 20px;position: absolute;top: 30px;right: 15px;text-indent: -999em;}

#main .mainbox .right{width: 472px;margin-left: 12px;}

#main .mainbox .right .quick li{position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 147px;height: 148px;margin: 0 0 15px 15px;background: #fff;}
#main .mainbox .right .quick li:nth-child(3n+1){margin-left: 0;}
#main .mainbox .right .quick li .tit{position: absolute;bottom: 20px;left: 0;width: 100%;text-align: center;font-size: 16px;color: #555555;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
#main .mainbox .right .quick li .cover{content: '';display: block;z-index: 2;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #ddd;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
#main .mainbox .right .quick li:hover .tit{color: #42a0cc;}
#main .mainbox .right .quick li:hover .cover{border: 4px solid #42a0cc;}

#main .mainbox .right .banner{position: relative;margin-bottom: 14px;}
#main .mainbox .right .banner .bx-pager{position: absolute;z-index: 90;top: 35%;right: 20px;}
#main .mainbox .right .banner .bx-pager-item{display: block;width: 11px;border-radius: 11px;margin-bottom: 5px;overflow: hidden;}
#main .mainbox .right .banner .bx-pager-item a{display: block;width: 11px;height: 11px;text-indent: -999em;background: #5caace;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
#main .mainbox .right .banner .bx-pager-item a.active{height: 24px;background: #344974;}

#main .mainbox .right .twinbanner{white-space: nowrap;}
#main .mainbox .right .twinbanner li{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;margin-left: 12px;}
#main .mainbox .right .twinbanner li:first-child{margin-left: 0;}

/**************************************************
	main (tablet&mobile)
**************************************************/
@media screen and (min-width: 750px) and (max-width: 1250px) {
	#main #content{padding: 0;}
	
	#main .mainbox > *{float: none;width: 100% !important; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	#main .mainbox .left .gallery .bx-wrapper{margin: 0 auto;width: 716px;}
	
	#main .mainbox .left .notice{margin: 10px;}
	#main .mainbox .left .gallery{background: url(../images/main/main_vis_bg.jpg) no-repeat center center;}
	
	#main .mainbox .right{padding: 20px;margin-left: 0;}
	
	#main .mainbox .right .quick{text-align: center;white-space: nowrap;}
	#main .mainbox .right .quick li{width: 15.83%;margin-left: 1%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow: hidden;}
	#main .mainbox .right .quick li:nth-child(3n+1){margin-left: 1%;}
	#main .mainbox .right .quick li:first-child{margin-left: 0;}
	#main .mainbox .right .quick li img{width: 100%;height: auto;}
	#main .mainbox .right .quick li .tit{font-size: 12px;letter-spacing: -1px;}
	
	#main .mainbox .right .bannerWrap{zoom: 1;}
	#main .mainbox .right .bannerWrap:after{display: block;content: '';clear: both;}
	#main .mainbox .right .bannerWrap > *{float: left;width: 49.5%;margin-left: 1%;}
	#main .mainbox .right .bannerWrap > *:first-child{margin-left: 0;}
	
	#main .mainbox .right .banner li img{width: 100%;height: auto;}
	
	#main .mainbox .right .twinbanner li{width: 49%;margin-left: 2%;}
	#main .mainbox .right .twinbanner li:first-child{margin-left: 0;}
	#main .mainbox .right .twinbanner li img{width: 100%;height: auto;}
}
@media screen and (max-width: 750px) { 
	#main #content{padding: 0;}
	
	#main .mainbox > *{float: none;width: 100% !important; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	#main .mainbox .leftbox{height: auto !important;}
	#main .mainbox .left .gallery .bx-wrapper{margin: 0 auto;}
	#main .mainbox .left .gallery li img{width: 100%;height: auto;}
	#main .mainbox .left .gallery .bx-controls{bottom: 15px;}
	
	#main .mainbox .left .notice{margin: 10px;padding-left: 80px;}
	#main .mainbox .left .notice .tit{font-size: 13px !important;padding-left: 10px !important;}
	#main .mainbox .left .notice .sbj{padding-right: 90px !important;letter-spacing: -1px;}
	#main .mainbox .left .notice .date{font-size: 12px !important;right: 20px !important;}
	#main .mainbox .left .notice .bx-controls{display: none;}
	
	#main .mainbox .right{padding: 10px;margin-left: 0;margin-top: -10px;}
	
	#main .mainbox .right .quick{text-align: center;}
	#main .mainbox .right .quick li{width: 32.33%;margin-left: 1.3%;margin-bottom: 1.3%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow: hidden;}
	#main .mainbox .right .quick li:nth-child(3n+1){margin-left: 0;}
	#main .mainbox .right .quick li:first-child{margin-left: 0;}
	#main .mainbox .right .quick li img{width: 100%;height: auto;}
	#main .mainbox .right .quick li .tit{font-size: 12px;letter-spacing: -1px;}
	
	#main .mainbox .right .bannerWrap > *{width: 100%;}
	
	#main .mainbox .right .banner{margin-top: 12px;}
	#main .mainbox .right .banner li img{width: 100%;height: auto;}
	
	#main .mainbox .right .twinbanner li{width: 49%;margin-left: 2%;}
	#main .mainbox .right .twinbanner li:first-child{margin-left: 0;}
	#main .mainbox .right .twinbanner li img{width: 100%;height: auto;}
}



/**************************************************
	sub
**************************************************/
#sub{  }
#sub.bg{background: url(../images/main/main_bg.jpg);}

#sub #content{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

#sub .visual{position: relative;background: url(../images/sub/sub_vis.jpg) no-repeat center center;height: 200px;}
#sub .visual h2.vis_tit{font-size: 35px;line-height: 35px;color: #fff;text-align: center;font-weight: normal;position: relative;top: 65px;}
#sub .visual .h2_txt{display: block;text-align: center;font-size: 16px;line-height: 16px;color: #cde8f5;position: relative;margin-top: 80px;}

#login{width: 500px;margin: 70px auto;}
#login .tit{margin-bottom: 50px;}
#login .f1{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #cccccc;}
#login .f1 input.id,
#login .f1 input.pw{height: 55px;line-height: 55px;background: #fff;border: 1px solid #ddd;margin-bottom: 10px;width: 100%;padding-left: 78px;font-size: 16px;}
#login .f1 input.id{background: #fff url(../images/sub/id_ico.jpg) no-repeat 0 center;}
#login .f1 input.pw{background: #fff url(../images/sub/pw_ico.jpg) no-repeat 0 center;}
#login .f1 input.submit{height: 65px;line-height: 65px;border-radius: 5px;background: #3a5ca1;text-align: center;font-size: 20px;color: #fff;width: 100%;border: none;}
#login .btn{white-space: nowrap;}
#login .btn li{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 49%;margin-left: 2%;text-align: center;}
#login .btn li:first-child{margin-left: 0;}
#login .btn li .bt{height: 45px;line-height: 45px;background: #2b3136;font-size: 15px;color: #fff;border-radius: 5px;text-align: center;display: block;}
#login .btn li .t1{margin-top: 20px;font-size: 16px;color: #444444;font-weight: bold;text-align: center;letter-spacing: -1.5px;display: block;}
#login .btn li .t2{display: block;text-align: center;font-size: 14px;line-height: 20px;color: #666666;margin-top: 10px;}

#login .f2{border: 1px solid #ddd;background: #fff;}
#login .tab{white-space: nowrap;}
#login .tab li{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;width: 50%;border-left: 1px solid #ddd;margin-right: -1px;}
#login .tab li:first-child{border-left: none;}
#login .tab li a{display: block;text-align: center;height: 65px;line-height: 65px;background: #f5f5f5;font-size: 16px;color: #444444;}
#login .tab li.active a{background: #fff;color: #444444;font-weight: normal;}
#login .inner{padding: 20px;}
#login .inner input.name,
#login .inner input.email{height: 55px;line-height: 55px;border: 1px solid #ddd;width: 100%;display: block;margin-bottom: 10px;font-size: 16px;}
#login .inner input.submit{height: 65px;line-height: 65px;border-radius: 5px;background: #3a5ca1;text-align: center;font-size: 20px;color: #fff;width: 100%;border: none;}

#sub .quick {display: block;}
#sub .quick:after {display: block;clear: both;content: "";}
#sub .quick li:first-child {margin-left: 0;}
#sub .quick li {float: left;margin-left: 20px;border: 1px solid #ddd;width: 181px;position: relative;text-align: center;font-size: 0;background: #fafafa;}
#sub .quick li .cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#sub .quick li .tit {position: absolute;bottom: 28px;left: 0;width: 100%;display: block;font-size: 13px;color: #444;font-weight: 400;}

#sub .quick2 {display: block;text-align: center;}
#sub .quick2 li {display: inline-block;*display: inline;*zoom: 1;vertical-align: top;border: 1px solid #ddd;width: 150px;position: relative;text-align: center;font-size: 0;background: #fafafa;margin: 10px;}
#sub .quick2 li .cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#sub .quick2 li .tit {position: absolute;bottom: 28px;left: 0;width: 100%;display: block;font-size: 13px;color: #444;font-weight: 400;}

/**************************************************
	sub (tablet&mobile)
**************************************************/
@media screen and (max-width: 750px) { 
	#sub .visual{height: 100px;background-size: auto 100%;background-position: center 0;}
	#sub .visual h2.vis_tit{font-size: 23px;line-height: 23px;top: 20px;}
	#sub .visual .h2_txt{margin-top: 30px;font-size: 12px;line-height: 14px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;padding: 0 20px;}
	
	#login{width: 100%;padding: 20px;margin: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
	#login .tit{width: 100%;height: auto;margin-bottom: 20px;}
	#login .btn li .bt{font-size: 12px;}
	#login .btn li .t1{font-size: 12px;white-space: normal;height: 30px;}
	#login .btn li .t2{font-size: 11px;white-space: normal;line-height: 12px;}
}