@charset "utf-8";


/* 메인 */

#container {position:relative; width:100%; margin:0; padding:0; z-index:1;}


.intro-container {position:relative; width:100%; max-width:1200px; margin:-240px auto; padding:0 15px; z-index:9999999999999;border:0px solid red;}





#portfolio{width:100%; max-width:1500px; margin:0 auto; margin-top:80px; margin-bottom:0px; overflow:hidden;}
.project-wrapper {width:100%; max-width:100%; margin:0px auto; padding: 0; list-style: none; text-align: center; overflow:hidden; }
.project-wrapper li {display: block; float:left; margin:0; padding:0;}
.portfolio-item {cursor: pointer; margin:0 auto; width:25%; height:150px; border:1px solid #fff; border-bottom:0px; border-right:0px; position: relative; background:#094e77;}
.portfolio-item img{width:100%; height:auto;}
figcaption.mask {background:rgba(0,0,0,0.6); height:100%; top:600px; /*-126px;*/ color: #fff; padding: 25px; position: absolute; width: 100%;text-align: left; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;  -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.portfolio-item:hover figcaption.mask {top:0;}
figcaption.mask h3 { margin: 0; color: #fff;	font-size:20px;}
figcaption.mask p { margin: 0; color:#fff;	padding-top:15px; 	line-height:18px;	font-size:13px;}
ul.external { list-style: outside none none; margin: 0; padding: 0; position: absolute; right: 0; top: -47px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s;  -ms-transition: all 0.4s ease 0s;   -o-transition: all 0.4s ease 0s;   transition: all 0.4s ease 0s;}
ul.external li { display: inline-block;}
ul.external li a { background:rgba(0,0,0,0.6); color: #fff; display: block; padding: 10px 18px 13px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;  -ms-transition: all 0.5s ease 0s;   -o-transition: all 0.5s ease 0s;   transition: all 0.5s ease 0s;}
ul.external li a:hover { background-color: #009EE3; color: #fff;}
.portfolio-item:hover ul.external { top: 0;}
.fancybox-skin { border-radius: 0;}
.fancybox-title.fancybox-title-inside-wrap { padding: 15px;}
.fancybox-title h3 { margin: 0 0 15px;}
.fancybox-title p { color: #fff; font-size: 16px; line-height: 22px;}
.fancybox-title-inside-wrap { padding-top: 0;}







#btn_wrap2 {position:relative; top:-20px; width:100%;  max-width:1200px; margin:50px auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#btn_wrap2:after{ content:""; display:block; clear:both;}
#btn_wrap2 .con_box { width:100%; height:260px;  }
#btn_wrap2 .con_box:after{ content:""; display:block; clear:both;}
#btn_wrap2 .con_box li { float:left; position:relative; text-align:center; width:25%; height:100%; border-left:1px solid #ddd;  box-sizing:border-box; overflow:hidden;} 
#btn_wrap2 .con_box li:last-child { border-right:1px solid #ddd;}
#btn_wrap2 .con_box li .hover_area i {  display:inline; width:30px; height:30px; padding:5px 0 5px 0; vertical-align:middle;  font-size:2.5em; color:#000; text-align:center; }
#btn_wrap2 .con_box li .hover_area { position:absolute; left:0; top:0; display:block; width:100%; height:100%; padding-top:40px; box-sizing:border-box; background:rgba(0,0,0,0); border-radius:30px; transition:0.6s; }
#btn_wrap2 .con_box li .hover_area b { position:relative; display:block; padding-top:20px; font-size:1.5em; font-weight:400; color:#222; }
#btn_wrap2 .con_box li .hover_area p { padding:0 10px; margin-top:10px; font-size:1em; line-height:20px; color:#777; transition:0.6s; letter-spacing:0.05em; }
#btn_wrap2 .con_box li .hover_area span.btn_view { display:inline-block; width:30px; height:30px; line-height:30px; margin-top:30px; transition:0.6s; background:url('../img/btn_view.png') no-repeat 50% 50%;}
#btn_wrap2 .con_box li .hover_area:hover i {color:#b11f24;}
#btn_wrap2 .con_box li:hover{background:#f7f7f7; transition:0.6s;}



#main_about_100{width:100%; max-width:1920px; margin:0 auto; overflow:hidden; }
#main_about_100 .img_wrap{ float:left; width:50%; height:450px; background:url('../img/main_about_img.jpg') center center no-repeat}
#main_about_100 .txt_wrap{ float:right; width:50%; vertical-align:top; background:#f7f7f7; box-sizing:border-box; }
#main_about_100 .txt_wrap .txt_cont{ width:100%; height:450px;  padding:50px;}
#main_about_100 .txt_wrap .txt_cont h2{ font-size:3.5em; font-weight:700;  line-height:1.5em; }
#main_about_100 .txt_wrap .tit{font-size:2em; font-weight:400; line-height:1.2em;  }
#main_about_100 .txt_wrap .txt{font-size:1em; line-height:1.5em; display:inline-block; word-break:keep-all; color:#333; padding:25px 0 50px;}
#main_about_100 .txt_wrap .txt:last-child{padding-top:14px}
#main_about_100 .btn_more{display:block; width:180px; height:50px; line-height:50px; background:#222; text-align:center; color:#fff; transition:0.6s;}
#main_about_100 .btn_more:hover{background:#b11f24; }




#pro_wrap {  width:100%; margin:0px auto; padding:80px 0; padding-bottom:50px;}
#pro_wrap:after{ content:""; display:block; clear:both;}
#pro_area { width:100%; max-width:1200px; margin:0px auto;}
#pro_area .pro_tit p { text-align:center; font-size:2em;  line-height:50px; color:#000; font-weight:500; padding:0 10px; margin:0px auto;  }
#pro_area .pro_tit span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 10px; margin:10px 0 20px 0;}

#pro_tab {position: relative; width:100%; max-width:1200px; margin:50px auto;}
#pro_tab:after{ content:""; display:block; clear:both;}
#pro_tab .tab { width:100%;  border:1px solid #ddd;  margin:0px auto;}
#pro_tab .tab:after{ content:""; display:block; clear:both;}
#pro_tab .tab li{float: left; display:inline-block; width:25%; height:60px; line-height:60px;   border-right:1px solid #ddd;  box-sizing:border-box; }
#pro_tab .tab a{display: block; text-align: center;  box-sizing:border-box; color:#333;}
#pro_tab .tab li:last-child { border-right:0;}
#pro_tab .tab li.all { width:25%; background:#333; color:#fff;}
#pro_tab .tab li.all a { background:#333; color:#fff;}
#pro_tab .tab li.on a{background:#333; color:#fff;}

#pro_tab li{position: relative;}
#pro_tab li span.date{position: absolute; right:0; text-align:right; font-size:0.9em; color:#ddd; }
#pro_tab div li a{display: inline-block; margin-right:0px; font-size:0.9em; color:#333;}
#pro_tab > div{display: none; padding:0; }
#pro_tab .active{display: block; margin-top:20px; padding:0px;}
#pro_tab .pro_list{ width:100%; max-width:1200px; margin:40px auto; overflow:hidden;}
#pro_tab .pro_list:after {content:""; display:block; clear:both;}
#pro_tab .pro_list{ width:100%; max-width:1200px; margin:40px auto; overflow:hidden;}
#pro_tab .pro_list:after {content:""; display:block; clear:both;}
#pro_tab .pro_list > ul{ width:100%; font-size:0; list-style:none; margin-bottom:0px; padding:0; overflow:hidden; }
#pro_tab .pro_list > ul > li{ display:inline-block; width:23%; margin-left:1%; margin-right:1%; /* padding-bottom:30px; */ border:1px solid #ddd; box-sizing:border-box; }
#pro_tab .pro_list > ul > li > a{width:100%;}
#pro_tab .pro_list > ul > li > a > div > img { width:100%;  border:0px solid #EEE; box-sizing:border-box; cursor:pointer; border:0px solid blue;}
#pro_tab .pro_list > ul > li > a > p {display:block; /* height:30px; */ width:90%; margin:0 auto; padding:5px 0; font-size:1.2em;font-weight:500; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
#pro_tab .pro_list > ul > li > a > div.text {display:block; width:90%; margin:0 auto;  height:30px; margin-top:10px; margin-bottom:20px; color:#777; border:0px solid red; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;}
#pro_tab .pro_list > ul > li > a.itembx:hover .view_text{width:100%; color:#ba1a1c;  }
#pro_tab .pro_list > ul > li > a > div.btn_view2{width:90%; margin:0px auto; }
#pro_tab .pro_list > ul > li > a > div.btn_view2 .view_text{ width:80px; display: inline-block;padding-right: 30px; padding-bottom:10px; position: relative; font-size:1em; color:#777;  overflow: hidden;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s; white-space:nowrap; }
#pro_tab .pro_list > ul > li > a > div.btn_view2 .view_text:after{content: ""; width:35px; height:7px;display: block; position: absolute; vertical-align:middle; right:0; background: url('../img/btn_view2.png') no-repeat right center;}










#latest_wrap{width:100%; margin:70px auto;}
#latest_wrap:after{ content:""; display:block; clear:both;}
#latest_wrap .latest_area{width:100%; max-width:1200px; margin:0px auto;}
#latest_wrap .latest_area .dleft{ position:relative;float:left; width:360px; margin-right:60px;}
#latest_wrap .latest_area .dcenter{ position:relative;float:left; width:360px;}
#latest_wrap .latest_area .dright{position:relative; float:right; width:360px;}
#latest_wrap .latest_area div.latest_box{width:100%; padding:0;}
#latest_wrap .notice_area { position: relative; width:100%; height: 100%;  overflow: hidden;}
#latest_wrap .notice_area .tab { height:50px; margin-bottom:15px; list-style:none;}
#latest_wrap .notice_area .tab li{float: left; width:150px; }
#latest_wrap .notice_area .tab li:before {display:none;}
#latest_wrap .notice_area .tab a{display: block; width:100%; height:50px; line-height: 50px; font-size:1.5em;  }
#latest_wrap .notice_area .tab li:first-child a{border-left: 0px solid #eee}
#latest_wrap .notice_area .tab li:last-child a{border-right: 0px solid #eee}
#latest_wrap .notice_area .tab li.on a{ border-bottom: 0 none; color:#000;}
#latest_wrap .notice_area .more{position:absolute; top:10px; right:0px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
#latest_wrap .notice_area .active{display: block; padding:0;}
#latest_wrap .notice_area li{position: relative; height:30px; line-height:30px;  }

/*
#latest_wrap .notice_area li:before { content: ''; position: absolute; top: 20px; left: 0; width: 4px;  height: 4px;  background-color: #e2dccc; }
*/

#latest_wrap .notice_area li span.date{position: absolute; right: 0; font-size:1em; color:#888;  height:30px; line-height:30px;  }
#latest_wrap .notice_area div li a{display: inline-block; margin-right:0px; font-size:1em; color:#555;}
#latest_wrap .notice_area > div{display: none; padding:0; }













































/* 인덱스 */
#main_visual{clear:both; position:relative; text-align:center; width:100%; padding:0; margin:0px auto; overflow:hidden;}
#main_visual:after{ content:""; display:block; clear:both;}


/* mainVisual */
#mainVisual { width: 100%;height: 100vh; transition:all .3s; font-family: 'Montserrat' , 'Roboto'; position:relative; }
.visual { width: 100%;height: 100vh; margin:0; padding:0; }
.visual li { height:100%; overflow:hidden; position:relative; /*margin-left:-50px;*/}
.visual li > div { width:100%; height:100%; text-indent:-9999px; }
.visual li.vs1 > div { background:url(../img/mainVisual1.jpg) no-repeat center center;  animation:vsImg 3s ease-in-out;}
.visual li.vs2 > div { background:url(../img/mainVisual2.jpg) no-repeat center center;  animation:vsImg 3s ease-in-out;}
.visual li.vs3 > div { background:url(../img/mainVisual3.jpg) no-repeat center center;  animation:vsImg 3s ease-in-out;}
/*
.visual li.vs4 > div { background:url(../img/mainVisual4.jpg) no-repeat center center;  animation:vsImg 3s ease-in-out; }
*/


.intro-container {position:relative; width:100%; max-width:1200px; margin:-240px auto; padding:0 15px; z-index:9999999999999;border:0px solid red;}

.intro-btn-wrap {position:relative; width:100%; height:130px; font-size:0; text-align:center;}
.intro-btn-wrap li {position:relative; display:inline-block; width:19.99%; height:100%; margin:0; padding:0;}
.intro-btn-wrap li a {position:absolute; bottom:0; display:block; width:100%; height:130px; padding:0; background:rgba(0,0,0,.5); font-size:18px; color:#fff; 
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;}
.intro-btn-wrap li + li a {background:url('../img/main/intro_btn_sep.png') 0 50% no-repeat rgba(0,0,0,.5);}
.intro-btn-wrap li a .intro-icon img {width:30%; margin:15px auto;}
.intro-btn-wrap li a p {padding:0 10px; font-size:18px; line-height:1.2; word-break:keep-all;color:#fff;}
.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {top:-50px; height:180px; padding:25px 0; background:#b11f24;}
.intro-btn-wrap li a.active .intro-icon, .intro-btn-wrap li a:hover .intro-icon img {width:100%; max-width:96px; margin:5px auto;}
.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:20px;}
.callNum {position:relative; width:100%; margin:10px 0; text-align:right;}
.callNum li {display:inline-block; font-size:16px; color:#fff;}
.callNum li + li:before {display:inline-block; margin:0 10px; content:'\000B7';}





#mainVisual .bx-controls-direction { position:absolute; z-index:99; top:300px; left:50%; margin-left:-550px;  width:1100px; }
#mainVisual .bx-controls-direction a { position:absolute; width:67px; height:67px; display:block; cursor:pointer; text-indent:-9999px; box-sizing:border-box;/* border:1px solid #c3b9b3; */border-radius:50%; }
#mainVisual .bx-prev { left:0; margin-left:0; background:/*rgba(0,0,0,.2)*/ url(../img/main/btn_prev.png) no-repeat center center; }
#mainVisual .bx-next { right:0; margin-right:0;  background:/*rgba(0,0,0,.2)*/ url(../img/main/btn_next.png) no-repeat center center; }

#mainVisual .bx-pager {  position:absolute; top:500px; width:100%; z-index:100; text-align:center; }
#mainVisual .bx-pager div { display:inline-block; zoom:1; *display:inline; margin:0 3px; }
#mainVisual .bx-pager a {display: block;width:12px; height:12px; text-indent:-9999px; background:#a5a5a5; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
#mainVisual .bx-pager a:hover, #mainVisual .bx-pager a.active { background:#b11f24; filter: alpha(opacity=100); opacity: 1 ;}




/*animation*/

/*--mainVisual*/
@keyframes vsImg {
	0% { transform:scale(1.15,1.15); }
	100% {transform:scale(1,1); }
}
@keyframes vsTxt {
	0% { opacity:0; margin-top:200px;}
	100% { opacity:1; margin-top:0;  }
}
/*--Exhibitions & Conference*/
@keyframes rotate {
	0% {  }
	80%, 100% { transform:rotateY(360deg); }
}





@media all and (min-width:1024px) { 


.visual h2, .visual p { width:100%; color:#fff; /*text-align:center;*/ position:absolute; z-index:56; line-height:100%; /*text-shadow:2px 2px 2px rgba(0,0,0,.2);*/ }

.visual h2 {top:250px;font-weight:600; font-size:2.5em; line-height:1.2em; text-transform:none;letter-spacing:0px; animation:vsTxt 1s 1s; opacity:0; animation-fill-mode:forwards; }
.visual li h2 span {font-weight:300;color:#fff;}

.visual p {font-family:"Roboto"; top:420px;font-size:1.5em; font-weight:300; animation:vsTxt 1s 2s; opacity:0; animation-fill-mode:forwards;letter-spacing:-0.1px;line-height:130%}



}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) { 


.visual h2, .visual p { width:100%; color:#fff; /*text-align:center;*/ position:absolute; z-index:56; line-height:100%; /*text-shadow:2px 2px 2px rgba(0,0,0,.2);*/ }

.visual h2 {top:120px;font-weight:600; font-size:2.0em; line-height:1.4em; text-transform:none;letter-spacing:-2px; animation:vsTxt 1s 1s; opacity:0; animation-fill-mode:forwards; }
.visual li h2 span {font-weight:300;color:#fff;}

.visual p {font-family:"Roboto";top:320px;font-size:1.3em; font-weight:300; animation:vsTxt 1s 2s; opacity:0; animation-fill-mode:forwards;letter-spacing:-0.1px;line-height:130%}


	.intro-container {margin-top:-360px;}
	.intro-btn-wrap {height:150px;}

	.intro-btn-wrap li a {height:150px; padding:10px 0; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.intro-btn-wrap li {width:30%;}
	.intro-btn-wrap li + li a {background-image:none;}

     .intro-btn-wrap li a .intro-icon img {width:20%; margin:15px auto;}


	.intro-btn-wrap li:nth-child(1) a, .intro-btn-wrap li:nth-child(2) a, .intro-btn-wrap li:nth-child(3) a {border-bottom:1px solid rgba(255,255,255,.3);} 
	.intro-btn-wrap li:nth-child(2) a, .intro-btn-wrap li:nth-child(5) a {border-left:1px solid rgba(255,255,255,.3); border-right:1.5px solid rgba(255,255,255,.3);}
	.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {top:0; height:150px; padding:10px 0;}
	.intro-btn-wrap li a.active .intro-icon, .intro-btn-wrap li a:hover .intro-icon img {width:20%; margin:15px auto;}
	.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:18px;}
	.callNum {margin-top:160px; text-align:center;}
	.callNum li {font-size:14px;}


#mainVisual .bx-pager {  display:none; }

}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) { 


.visual h2, .visual p { width:100%; color:#fff; /*text-align:center;*/ position:absolute; z-index:56; line-height:100%; /*text-shadow:2px 2px 2px rgba(0,0,0,.2);*/ }

.visual h2 {top:120px;font-weight:500; font-size:1.4em; line-height:1.4em; text-transform:none;letter-spacing:-2px; animation:vsTxt 1s 1s; opacity:0; animation-fill-mode:forwards; }
.visual li h2 span {font-weight:300;color:#fff;}

.visual p {font-family:"Roboto";top:230px;font-size:1.1em; font-weight:300; animation:vsTxt 1s 2s; opacity:0; animation-fill-mode:forwards;letter-spacing:-0.1px;line-height:130%}





	.intro-container {margin-top:-360px;}
	.intro-btn-wrap {height:100px;}

	.intro-btn-wrap li a {height:100px; padding:10px 0; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.intro-btn-wrap li {width:30%;}
	.intro-btn-wrap li + li a {background-image:none;}

    .intro-btn-wrap li a .intro-icon img {width:20%; margin:15px auto;}

    .intro-btn-wrap li a p {padding:0 10px; font-size:14px; line-height:1.2; word-break:keep-all;color:#fff;}

	.intro-btn-wrap li:nth-child(1) a, .intro-btn-wrap li:nth-child(2) a, .intro-btn-wrap li:nth-child(3) a {border-bottom:1px solid rgba(255,255,255,.3);} 
	.intro-btn-wrap li:nth-child(2) a, .intro-btn-wrap li:nth-child(5) a {border-left:1px solid rgba(255,255,255,.3); border-right:1.5px solid rgba(255,255,255,.3);}
	.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {top:0; height:100px; padding:10px 0;}
	.intro-btn-wrap li a.active .intro-icon, .intro-btn-wrap li a:hover .intro-icon img {width:20%; margin:15px auto;}
	.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:14px;}
	.callNum {margin-top:160px; text-align:center;}
	.callNum li {font-size:14px;}


#mainVisual .bx-pager {  display:none; }


	#main_about_100 .img_wrap{ width:100%;}
	#main_about_100 .txt_wrap{ width:100%; }
	#main_about_100 .txt_wrap .txt_cont{ position:relative; top:-50px;  width:90%; height:auto;  padding:25px; background:#fff; margin:0 auto;}

}


.btn-black {
  background-color: #333;
  border-color: #111;
  color: #fff !important;
  border-image: none !important;
  background-image: none !important;
}
.btn-black:hover,
.btn-black:active,
.btn-black.hover {
  background-color: #555; 
}



.btn-lg {
border-radius:3px !important;
}




.btn {border-radius: 0px !important;}


















@media (min-width:1260px) {

}







@media (max-width:1259px) and (min-width:748px) {



}





@media (max-width:747px) {



}






















/*

#btn_wrap { position:relative; top:0px; width:100%; height:auto;  background:#053768; border-bottom:1px solid #4e4e4e;}
#btn_wrap:after{ content:""; display:block; clear:both;}
#btn_wrap > div{ width:100%; max-width:1200px; height:100%; margin:0px auto; background:#053768; }
#btn_wrap > div:after{ content:""; display:block; clear:both;}

#btn_wrap .tit p { text-align:center; font-size:2em;  line-height:80px; color:#000; font-weight:600; padding:0 10px; margin:0px auto;  }
#btn_wrap .tit span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 10px; margin:10px 0 20px 0;}
#btn_wrap:after{ content:""; display:block; clear:both;}
#btn_wrap li { float:left; width:16.66%;  height:80px; padding:0; cursor:pointer;border-right: 2px dotted rgba(255, 255, 255, .2); box-sizing:border-box; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; 
	background:url('../img/bnr_arrow_off.png') no-repeat 95%50%; 
}
#btn_wrap li:last-child {border-right:0;}
#btn_wrap li div { display:inline-block; float:left; text-align:center;  margin:0; }
#btn_wrap li div i { width:100%; height:80px; line-height:80px; text-align:center; font-size:2.4em; color:#aaa; padding:0 10px 0 20px;	opacity: 0.4;}
#btn_wrap li .txt_tit {    height: 80px;
    line-height: 80px;
    color: #eee;
    font-size: 1.2em;
    font-weight: 400;
    padding-left: 80px;
}
#btn_wrap li:hover {background:#b11f24 url('../img/bnr_arrow_on.png') no-repeat 95% 50%; }
#btn_wrap li:hover i{color:#fff;}
#btn_wrap li:hover .txt_tit{color:#fff;}


@media all and (max-width:992px){

#btn_wrap { position:relative; top:0px; width:100%; min-width:320px;margin:0px auto; padding:0;}
#btn_wrap li {width:33.33%; height:50px; border-bottom:0px solid #4e4e4e; font-size:0.9em;}
#btn_wrap li:nth-child(1), #btn_wrap li:nth-child(2), #btn_wrap li:nth-child(3){border-bottom:1px solid #4e4e4e;}

#btn_wrap li div { display:inline-block; float:left; text-align:center;  margin:0; }
#btn_wrap li div i { width:100%; height:50px; line-height:50px; text-align:center; color:#aaa; padding-left:10px; font-size:18px;}
#btn_wrap li .txt_tit { height:50px; line-height:50px; color:#aaa; font-weight:500;font-size:13px;padding-left:10px;}

}

*/