@charset "utf-8";

/* 모바일용 CSS */
body {overflow-x:hidden;}
.main_wrap p { transition: all 0.3s ease-in-out; transition-delay:0.5s; }
.pc_only {display:none;}
.hidden {display:none;}

/*////////// 헤더/////////*/
#header {width:100%;  margin:0 auto; height:70px; overflow:visible; position:relative; z-index:3; }
.topmenu, .btn_sitemap {display:none;}

.header_in_wrap { position:relative; width:100%; height:79px; margin:0 auto; background: url('../images/header_bg.png') repeat-x bottom; }
.header_in_wrap h1.logo {position:absolute; width:46%; min-width:151px; left:20px; height:42px; top:50%; margin-top:-21px; z-index:9 }
.header_in_wrap h1.logo img {width:100%; max-width:151px; vertical-align:middle;}


#allmenu {display:block; position:absolute; top:50%; right:20px; margin-top:-13px; width:32px; height:25px; background:url('../images/btn_menu.png') no-repeat center center; }
#allmenu a {display:block; height:25px; font-size:0}

.t_btn_dl {display:block; position:absolute; top:50%; right:70px; margin-top:-21px;  background:#ec7122; width:42px; height:42px; border-radius:21px; }
.t_btn_dl a {display:flex; width:100%; height:42px; justify-content:center; align-items:center;}
.t_btn_dl a p {display:none;}
.t_btn_dl a img {max-width:80%;}



/* 전체메뉴  */
.menu_wrap {width:100%; height:100%; position:fixed; top:0; right:0; z-index:999999; display:none;}
.menu_wrap > div {height:100%; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.gnb_bg {position:fixed; top:0; right:0; width:100%; height:100%; /*background:#fff; opacity:0.5;*/ z-index:490; display:none;}
.menu_wrap .menu_area {width:100%; position:absolute; top:0; z-index:999999; background-image: linear-gradient(0deg, #9a9fbd 0%, #fafafa 100%); opacity:0.9 !important; height:100%;}
.menu_wrap .menu_area > .height_finder {width:100%; height:0px;}
.menu_area .top_area {width:100%; position:relative; overflow:hidden;}
.menu_area .top_area .close_btn {display:block; text-align:right; overflow:hidden;  padding:25px;}

.menu_wrap .menu_area .row_01 {width:80%; margin: 0 auto; margin-bottom:40px; }
.menu_wrap .menu_area .row_01 > li {width:100%;}
.isDepth2	 { margin-top:10px; }
.isDepth2:first-child {margin-top:0; }
.menu_wrap .menu_area .row_01 > li > a {display:block; line-height:40px; height:40px; color:#373737;  font-size:22px; font-family:'Poppins','HD3GSB'; font-weight:300;}
.menu_wrap .menu_area .row_02 {width:100%; margin-top:5px }
.menu_wrap .menu_area .row_02 > li {width:100%; }
.menu_wrap .menu_area .row_02 > li > a {
	display:block; color:#373737; font-weight:normal;  font-size:18px; height:30px; line-height:30px; font-family:'NanumSquare';}


.menu_logo {width:80%; margin: 0 auto;position:relative; top:20px; z-index:4; }
.menu_big_cube {width:80%; position:relative; left:35%; animation: cube_bounce linear 1.5s infinite alternate; max-width:408px;  z-index:3;}
.menu_big_cube img {width:100%;}

/*////////// 메인컨텐츠/////////*/
/* 메인 롤링 */
#main_img_wrap {width:100%; height:270px; margin:0 auto; position:relative; z-index:2;}
#main_slider {width:100%; height:270px; z-index:2  }
#main_slider>li {width:100%;  height:270px;  position:relative;}
#main_slider>li.m_img_01 {background:url('../images/main_img_191230_1.jpg') no-repeat center top; background-size:cover;}
#main_slider>li.m_img_02 {background:url('../images/main_img_191230_2.jpg') no-repeat center top; background-size:cover;}
#main_slider>li.m_img_03 {background:url('../images/main_img_191230_3.jpg') no-repeat center top; background-size:cover;}

.m_slider_in {width:92%; margin:0 auto; max-width:400px}
.m_slider_in p {position:relative; word-break:keep-all;} 
.m_slider_btit {width:100%;top:130px; min-width:320px; text-align:center; font-family:'WindyLavender'; font-size:48px; color:#fff; letter-spacing:-1px; line-height:48px}
.m_slider_stit {width:100%; top:145px; text-align:center; }
.m_slider_stit img {width:50%;max-width:381px;}

#main_img_wrap .bx-controls {width:100%; height:12px; position:absolute; left:0; bottom:22px; z-index:3 }
#main_img_wrap .bx-has-pager {width:100%; z-index:10; text-align:center; display:inline-block;}
#main_img_wrap .bx-pager {display:inline-block; }
#main_img_wrap .bx-pager-item {
float:left; font-size:0;}
#main_img_wrap .bx-wrapper .bx-pager .bx-pager-item,
#main_img_wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
#main_img_wrap .bx-wrapper .bx-pager.bx-default-pager a {
text-indent: -9999px;
transition-duration:0.5s;
display: block;
width: 12px;
height: 12px;
margin: 0 5px;
border-radius:6px;
background:#4a4a4a;
}
#main_img_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
background:#ec7122;
}

#main_img_wrap  .bx-controls-auto { display:inline-block; margin: 0 5px;}

/* About us */
#m_contents_01_wrap {width:100%;  margin:0 auto; }
.m_contents_01 {width:100%;  position:relative; overflow:visible; margin:0 auto; }
.m_movie {width:100%; overflow:hidden; line-height:0; position: relative;  padding-bottom: 56.25%;}
.m_movie img {width:100%;}
.m_movie iframe {position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;}
.mc_01_in {width:100%; position:relative; overflow:hidden; margin:0 auto;}
.m_tile {width:100%; overflow:hidden; text-align:center;}
.m_tile a {display:block; width:100%; padding:50px 0;}
.m_tile p {font-family:'BusanBada'; position:relative; font-weight:200; word-break:keep-all; }
.m_tile p.tile_tit {font-size:27px;  line-height:29px; color:#fff; padding-bottom:10px}
.m_tile p.tile_tit::after {position:absolute; width:30px; height:2px; background:#fff; content:""; display:block; margin:0 auto; opacity:0.5; bottom:-1px; left:50%; margin-left:-15px;}
.m_tile p span {font-family:'Poppins','HD3GSB'; font-weight:200; vertical-align:baseline;}
.m_tile p.tile_stit {font-size:22px; line-height:24px; margin-top:30px; color:#fff600;}
.m_tile p.tile_con {font-size:16px; line-height:24px; color:#ffffff;  opacity:0.5; width:90%; margin:30px auto 20px auto;}
.m_tile p.tile_btn {line-height:0}

.tile_01 {background:#ec7122;}
.tile_02_1 {background:#00bce5;}
.tile_02_2 {position:relative; height:338px; z-index:1}
.tile_02_2 p.tile_tit {color:#333333; }
.tile_02_2 p.tile_tit::after {background:#bcbcbc; }
.tile_02_2 p.tile_con {color:#bcbcbc; width:50%;}
.tile_03 {background:#83c036;}


/*   */
#m_contents_02_wrap {width:100%; overflow:hidden; position:relative; }
.m_contents_02 {width:100%;overflow:hidden; position:relative; margin:0 auto;}
.mc_02_in {width:100%; position:relative; overflow:hidden; margin:0 auto;}
.mc_02_in .m_tile {float:right; width:50%;}
.mc_02_in .m_tile p.tile_tit { width:70%; margin:0 auto;}
.mc_02_in .m_tile_thm {float:left; width:50%; height:338px;  position:relative; }
.mc_02_in .m_tile_arrow {background:#00bce5; width:18px; height:18px; position:absolute; top:50%; margin-top:-9px; transform:rotate(45deg); left:-9px; z-index:2}
.mc_02_in .m_tile_thm img {height:100%; margin-top:30px; transition: all 0.45s ease-in-out; z-index:1; position:relative; width:130%; height:auto; left:-50px}
.mc_02_in:first-child .m_tile {float:left; height:364px;}
.mc_02_in:first-child .m_tile_thm {float:right;  height:364px; overflow:hidden; }
.mc_02_in:first-child .m_tile_thm img {margin:0; left:-100px; width:auto; height:100%;}

.mc_02_in:first-child:hover .m_tile_thm img { 
	position:relative; 
	-webkit-animation: none; 
	animation: none; 
	transform: scale(1.07); 
	-webkit-transform: scale(1.07); 
	-moz-transform: scale(1.07); 
	-ms-transform: scale(1.07); 
	-o-transform: scale(1.07); 
}

.bigcube {animation: cube_bounce linear 1.5s infinite alternate;}

@keyframes cube_bounce {
    0%   {top:0px;}
    100% {top:20px;}
}
/*  */
#m_contents_03_wrap {width:100%; overflow:hidden; margin:0 auto; position:relative;}
.m_contents_03 {width:100%; margin:0 auto; overflow:hidden; position:relative; }
.mc_03_in {width:100%; position:relative; overflow:hidden; margin:0 auto;}
.mc_03_in:first-child {display:none;}
.mc_03_in .m_tile {width:100%;}
.mc_03_in .m_tile_thm {width:100%; height:300px; position:relative; overflow:hidden;}
.mc_03_in .m_tile_arrow {background:#83c036; width:18px; height:18px; position:absolute; left:50%; margin-left:-9px; transform:rotate(45deg); top:-9px; z-index:2}
.mc_03_in .m_tile_thm img { transition: all 0.45s ease-in-out;  width:160%; position:absolute; left:50%; margin-left:-80%; }
.mc_03_in:hover .m_tile_thm img { 
	
	-webkit-animation: none; 
	animation: none; 
	transform: scale(1.07); 
	-webkit-transform: scale(1.07); 
	-moz-transform: scale(1.07); 
	-ms-transform: scale(1.07); 
	-o-transform: scale(1.07); 
}


/*  */
#m_contents_04_wrap {width:100%; overflow:hidden; position:relative; background:#292929;}
.m_contents_04 {width:100%; margin:55px auto;  overflow:hidden; position:relative;}
.mc_04_tit {font-family:'Poppins','HD3GSB'; font-weight:300; color:#fff; text-align:center; font-size:30px}
#m_gallery {width:100%; max-width:325px; overflow:hidden; margin:0 auto; margin-top:30px;}
#m_gallery li {width:325px; height:325px; margin-top:10px; overflow:hidden;}
#m_gallery li:first-child {margin-top:0;}
#m_gallery li a {display:block; width:100%; height:325px; overflow:hidden; position:relative;} 
#m_gallery li a img {transition: all 0.45s ease-in-out; left:50%; position:relative;  }
#m_gallery li a:hover img { 
	-webkit-animation: none; 
	animation: none; 
	transform: scale(1.07); 
	-webkit-transform: scale(1.07); 
	-moz-transform: scale(1.07); 
	-ms-transform: scale(1.07); 
	-o-transform: scale(1.07); 
}



/*  */
#m_contents_05_wrap {width:100%; overflow:hidden; position:relative; background:#292929 url('../images/mc_05_bg') no-repeat center center; background-size:cover;}
.m_contents_05 {width:100%; height:280px; overflow:hidden; position:relative; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; text-align:Center;}


.mc_05_btn {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; height:40px; background:rgba(255, 255, 255, 0.4); margin:0 auto; width:250px; border-radius:20px; transition-duration:0.3s;}
.mc_05_btn:hover {background:#83c036;}
.mc_05_btn span {margin:0 10px;  font-family: 'Poppins','HD3GSB'; color: #fff; font-size:18px;line-height: 23px; }
.mc_05_btn img {height:23px}



/* 하단메뉴 */
#footer {width:100%; display:block; position:relative; padding:0 0 30px 0; background:#f6f6f6;}
.copy_logo {width:85%; padding:40px 0 13px 0;  margin:0 auto;}

.copy_menu {width:85%; margin:0 auto; display:block; overflow:hidden; position:relative; }
.copy_menu li{display:inline-block; padding-right:25px; height:26px; line-height:26px; background:url('../images/cm_bg.png') no-repeat right center; }
.copy_menu li:last-child {background:none; padding-left:0; }
.copy_menu li a {display:block; width:100%; font-family:'Noto Sans KR'; font-size: 14px; height:26px; line-height:25px; color:#606060; font-weight:normal; }
.copy_menu li.point a {color:#d0c62e}

/*카피*/
.copy_right {width:100%; margin:0 auto; display:block; }
.copy_right {width:100%; margin:0 auto; display:block; overflow:hidden;  padding:30px 0 13px 0; }
.copy_right address {width: 85%; margin:0 auto; display:block; overflow:hidden; font-family:'Noto Sans KR'; font-size: 14px; color: #606060; line-height:24px;  line-height: 1.5rem; word-break:keep-all; }
.copy_right address p { color: #606060; font-family:'Noto Sans KR'; }
.copy_right address span {display:inline-block; color: #606060; font-family:'Noto Sans KR';}

.f_icon_wrap {display:none;}


/* 태블릿용 CSS */
@media all and (min-width:768px){ 

/*////////// 헤더/////////*/
#header {height:86px; }
.header_in_wrap {height:95px;}

/* 전체메뉴  */
.menu_wrap {width:520px;}
.gnb_bg { background:#000;}

#main_img_wrap {height:530px;}
#main_img_wrap .bx-viewport {height:530px !important;}
#main_slider {height:530px; }
#main_slider>li {width:100% !important; height:530px !important; }

.m_slider_in {max-width:520px; text-align:left; height:116px; position:relative; top:50%; margin-top:-58px; left:31%;}
.m_slider_btit {top:0; min-width:520px;  text-align:left; font-size:60px; line-height:66px}
.m_slider_stit {top:20px;  text-align:left;}

#m_contents_01_wrap, #m_contents_02_wrap, #m_contents_03_wrap {max-width:790px; margin:0 auto; }

.tile_02_1 p.tile_con {width:50%;}
.mc_02_in .m_tile, .mc_02_in:first-child .m_tile {height:320px}
.mc_02_in .m_tile_thm, .mc_02_in:first-child .m_tile_thm {height:320px}
.mc_02_in .m_tile_thm img {width:90%;}
.mc_02_in:first-child .m_tile_thm img {left:0}
.mc_03_in .m_tile_thm {height:450px}
.mc_03_in .m_tile_thm img { transition: all 0.45s ease-in-out;  width:100%; position:absolute; left:50%; margin-left:-50%;}

#m_gallery {max-width:660px;  }
#m_gallery li {float:left; width:325px; height:325px; margin-top:10px; overflow:hidden; position:relative;  }
#m_gallery li img {position:absolute; left:50%; margin-left:-150px}
#m_gallery li:first-child {margin-top:10px;}
#m_gallery li:nth-child(2n) {float:right;}

}


/* PC용 CSS */
@media all and (min-width:1024px){


/*////////// 헤더//////////*/
#header {width:100%; z-index:999; position:relative;  }
.topmenu {display:block; width:1200px; margin:0 auto; overflow:hidden; text-align:right;} 
.topmenu li {display:inline-block; height:38px; line-height:38px; font-size:14px; padding:0 8px 0 16px; background:url('../images/tm_bg.png') no-repeat left center;}
.topmenu li:first-child {background:none;}
.topmenu li a {color:#8c8c8c; font-family:'Noto Sans KR'}

.header_in_wrap {width:100%; margin:0 auto; overflow:visible; border-top: 1px solid #ddd; }
.header_in { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; position:relative; height:95px; }
#allmenu {display:none;}


.t_btn_dl {display:block; position:absolute; z-index:444; top:50%; right:0; margin-top:-26px;  background:#ec7122; width:215px; height:53px; border-radius:26px; }
.t_btn_dl a {display:flex; padding:0 15px 0 20px; box-sizing:Border-box; width:100%; height:53px; justify-content:space-between; align-items:center; line-height:0}
.t_btn_dl a p {display:block; color:#fff; font-family: 'HD3GSB'; position: relative; font-weight: 200; font-size:17px; line-height:22px; height:44px; display:flex; flex-direction:column;justify-content:center; align-items:flex-start;}
.t_btn_dl a p span {display:block; font-family: 'HD3GSB'; height:22px; line-height:22px}
.t_btn_dl a img {max-width:100%;}



/* 전체메뉴  */
.menu_wrap {width:700px;  overflow:visible; position:absolute; display:block !important; top:39px; background:none;  z-index:999;  right:auto; left:50%; margin-left:-350px}
.menu_wrap > div {width:100%; margin:0 auto; overflow:hidden; border:none;}
.gnb_bg {display:none !important;}
.menu_wrap .menu_area {width:700px; position:static; min-width:700px; margin:0 auto; height:85px; overflow:visible; background:none;}
.menu_wrap .menu_area > .height_finder {display:none;}
.menu_area .top_area {display:none;}
.menu_area .top_area .close_btn {display:none;}
.menu_wrap .menu_area .row_01 {width:700px; z-index:9998; overflow:visible; display:block; margin-bottom:0 }
.menu_wrap .menu_area .row_01 > li  {float:left; width:175px; text-align:center; position:relative; z-index:9997}
.isDepth2	 { margin-top:0; }
.menu_wrap .menu_area .row_01 > li > a {display:block; width:100%; height:85px; line-height:85px; color:#222; background:none; padding:0;}
.menu_wrap .menu_area .row_01 > li:hover > a {color:#f57e20;}
.menu_wrap .menu_area .row_02  { height:0; overflow:hidden; position:absolute; z-index:9999; width:225px;  padding:0; margin:0;  left:50%; margin-left:-112px;}
.menu_wrap .menu_area .row_02 > li {width:100%; padding:0px; clear:both; position:relative; margin:0 auto; height:auto; margin-top:1px; background:#444/* url('../images/header_bg.png')*/;}
.menu_wrap .menu_area .row_02 > li:first-child {border-top:none;margin-top:0; }
.menu_wrap .menu_area .row_02 > li > a {
	background:none;/*background:url('../images/tm_a_bg.gif') no-repeat 5px center;*/ font-weight:normal;
	padding:0px; display:block; height:auto; line-height:20px; font-size:17px; font-size:1.0625rem; color:#ffffff !important; height:40px; line-height:40px; background:none !important; }
.menu_wrap .isDepth2:hover ul,.menu_wrap .isDepth2:focus ul { height:auto !important; } 
.menu_wrap .isDepth2:hover ul li a:hover {background:#f57e20 !important;}
.menu_wrap #gnb .isDepth2 ul li a.on {background:#f57e20 !important;}


.menu_logo {display:none;}
.menu_big_cube {display:none;}
.menu_big_cube img {display:none;}



/*////////// 메인컨텐츠/////////*/
/* 메인 롤링 */
#main_img_wrap {height:760px;}
#main_img_wrap .bx-viewport {height:760px !important;}
#main_slider {height:760px; }
#main_slider>li {width:100% !important; height:760px !important; }
#main_slider>li.m_img_01 {background:url('../images/main_img_191230_1.jpg') no-repeat center center; background-size:cover;}
#main_slider>li.m_img_02 {background:url('../images/main_img_191230_2.jpg') no-repeat center center; background-size:cover;}
#main_slider>li.m_img_03 {background:url('../images/main_img_191230_3.jpg') no-repeat center center; background-size:cover;}

.m_slider_in {max-width:695px; width:695px; position:absolute; left:52%;  height:166px; margin-top:-84px;}
.m_slider_btit {top:0; min-width:695px; font-size:70px; line-height:80px; text-align:left;}
.m_slider_stit {top:20px; text-align:left;}
.m_slider_stit img {width:381px}

#m_contents_01_wrap, #m_contents_02_wrap, #m_contents_03_wrap {max-width:1200px; width:1200px;  margin:0 auto; }

.m_movie {width:600px; float:left; padding-bottom:420px}
.m_movie img {width:100%;}
.mc_01_in {width:600px; float:right; height:420px;}
.m_tile a {padding:60px 0;}
.tile_02_1 p.tile_con {width:90%;}
.tile_02_2 {background:none; position:relative; height:300px; z-index:1}

#m_contents_02_wrap {overflow:visible;}
.m_contents_02 {overflow:visible}
.mc_02_in {width:600px; float:left; overflow:visible}
.mc_02_in .m_tile, .mc_02_in:first-child .m_tile {height:300px}
.mc_02_in .m_tile {float:left; width:50%;}
.mc_02_in .m_tile p.tile_tit { width:100%;}
.mc_02_in .m_tile_thm {float:right; width:50%; height:300px;  position:relative; overflow:visible; animation:none;}
.mc_02_in .m_tile_thm img {height:100%; margin-top:30px; position:relative; width:321px; height:349px; left:-10px;   }
.mc_02_in:hover .m_tile_thm img { 
	position:relative; 
	-webkit-animation: none; 
	animation: none; 
	transform: scale(1.07); 
	-webkit-transform: scale(1.07); 
	-moz-transform: scale(1.07); 
	-ms-transform: scale(1.07); 
	-o-transform: scale(1.07); 
}
.mc_02_in:first-child .m_tile {float:left; height:300px;}
.mc_02_in:first-child .m_tile_thm {float:right; height:300px; overflow:hidden; }
.mc_02_in:first-child .m_tile_thm img {margin:0; left:0; width:auto; height:100%;}
.tile_02_2 a {padding:40px 0}
.tile_02_2 p.tile_tit {text-align:left; left:36px; font-size: 32px; line-height: 34px;}
.tile_02_2 p.tile_tit::after {left:15px; background:#999999}
.tile_02_2 p.tile_con {text-align:left; left:36px; margin:30px 0 20px 0; color:#666666; width:180px}
.tile_02_2 p.tile_btn {text-align:left; left:36px;}


#m_contents_03_wrap {overflow:visible; z-index:3}
.m_contents_03 {overflow:visible;}
.mc_03_in {width:600px; height:700px; float:left; overflow:visible;}
.mc_03_in:first-child {display:block;}
.mc_03_in:first-child img {position:relative; display:block; left:-135px; animation: bigcube_bounce linear 0.8s infinite alternate;}

@keyframes bigcube_bounce {
    0%   {top:70px;}
    100% {top:90px;}
}
.mc_03_in .m_tile {width:50%; float:left; height:300px}
.mc_03_in .m_tile_thm {width:600px; height:400px; }
.mc_03_in .m_tile_arrow {position:absolute; left:50%; margin-left:-160px; transform:rotate(45deg); }
.mc_03_in .m_tile_thm img { transition: all 0.45s ease-in-out;  width:600px; position:absolute; left:0; margin-left:0;  }
.mc_03_in:hover .m_tile_thm img { 
	
	-webkit-animation: none; 
	animation: none; 
	transform: scale(1.07); 
	-webkit-transform: scale(1.07); 
	-moz-transform: scale(1.07); 
	-ms-transform: scale(1.07); 
	-o-transform: scale(1.07); 
}

#m_contents_04_wrap {z-index:2}
.m_contents_04 {margin:100px auto;}
.mc_04_tit {font-size:40px}
#m_gallery {width:1320px; max-width:1320px; margin-top:40px;}
#m_gallery li { margin-top:0; margin-left:6px;}
#m_gallery li:first-child {margin-top:0; margin-left:0;}
#m_gallery li:nth-child(2n) {float:left;}




.m_contents_05 {height:320px; }
.mc_05_btn {height:50px; width:290px;  border-radius:25px;}
.mc_05_btn span {margin:0 10px;font-size:22px;line-height: 28px; }
.mc_05_btn img {height:28px}





#footer {width:100%; display:block; position:relative; padding:30px 0; background:#f6f6f6;}
.footer_in {width:1200px; margin:0 auto; overflow:hidden; }
.copy_logo {float:left; width:200px; padding:50px 0 0 0;}
.copy_in  {float:right; width:1000px; overflow:hidden;}
.copy_menu {width:100%; }

/*카피*/
.copy_right {width:100%; margin:0 auto; display:block; }
.copy_right {width:100%; margin:0 auto; display:block; overflow:hidden;  padding:23px 0 13px 0; }
.copy_right address {width: 100%; margin:0 auto; display:block; overflow:hidden; font-family:'Noto Sans KR'; font-size: 14px; color: #606060; line-height:24px;  line-height: 1.5rem; word-break:keep-all; }
.copy_right address p { color: #606060; font-family:'Noto Sans KR'; }
.copy_right address span {display:inline-block; color: #606060; font-family:'Noto Sans KR';}

.f_icon_wrap {display:block; position:absolute; width:180px; height:52px; left:50%; top:50%; margin-top:-26px; margin-left:420px;}
.f_icon_wrap li {float:left; width:52px; height:52px; margin-left:12px;}
.f_icon_wrap li:first-child {margin-left:0;}


}