﻿@charset "utf-8";

/*layout*/
body{letter-spacing:0em;}
.wrapper{position:relative;display:block;width:100%;}
.contents_wrap{background-size:100%;}
.contents{position:relative;display:block;padding:50px 15px;*zoom:1;}
.contents:after{content:"";display:block;clear:both;}

.waiting{display:block;width:300px;margin:0 auto;height:700px;line-height:700px;background-color:#ccc;font-size:20px;font-weight:700;text-align:center;}

/* 공통 */
#loading{display:block;text-align:center;}
.skip_menu {display:none;width:1px;height:1px;line-height:1px;}
.nodata{display:block;min-height:200px;line-height:200px;text-align:center !important;}
.inner{display:table;width:100%;height:100%;text-align:center;}

.bg_layer{display:none;position: fixed;overflow: auto;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index:8000;-webkit-backface-visibility: hidden;}

.wrap{padding:0 15px;}

.sub_tab_menu{display:table;width:100%;margin-bottom:40px;border-collapse:collapse;}
.sub_tab_menu li{display:table-cell;width:25%;border:1px solid #d9d9d9;box-sizing:border-box;}
.sub_tab_menu li:first-child{border-right:0px;}
/*.sub_tab_menu li:nth-child(2){width:34%;border-right:0px;}*/
.sub_tab_menu li:last-child{border-right:1px solid #d9d9d9;}
.sub_tab_menu li a{display:block;padding: 3px 0px 4px;font-size:14px;color:#999;text-align:center; letter-spacing: -1.2px; text-shadow: 0 0 #eee;}
.sub_tab_menu li.on{font-weight:700;}
.sub_tab_menu li.on a{color:#000}

.sub_tab_menu.tab4{overflow:hidden;}
.sub_tab_menu.tab4 li{float:left;width:50%;}
.sub_tab_menu.tab4 li:nth-child(2){width:50%;border-right:1px solid #d9d9d9}
.sub_tab_menu.tab4 li:nth-child(1),
.sub_tab_menu.tab4 li:nth-child(2){border-bottom:0px;}
.sub_tab_menu.tab4 li:nth-child(3){border-right:0}
.sub_tab_menu.tab4 li.on{border:1px solid #000}
.sub_tab_menu.tab4 li:nth-child(1).on a,
.sub_tab_menu.tab4 li:nth-child(2).on a{padding:3px 0}

.sub_tab_menu.tab5{overflow:hidden;}
.sub_tab_menu.tab5 li{float:left;width:50%;}
.sub_tab_menu.tab5 li:nth-child(2){width:50%;border-right:1px solid #d9d9d9}
.sub_tab_menu.tab5 li:nth-child(1),
.sub_tab_menu.tab5 li:nth-child(2){border-bottom:0px;}
.sub_tab_menu.tab5 li:nth-child(3){border-right:0}
.sub_tab_menu.tab5 li:nth-child(5){border-top:0}
.sub_tab_menu.tab5 li.on{border:1px solid #000}
.sub_tab_menu.tab5 li:nth-child(1).on a,
.sub_tab_menu.tab5 li:nth-child(2).on a{padding:3px 0}

.btn_area{margin-top:40px;}
.btn_more{width:100%;border:1px solid #ccc;padding: 4px 0px;font-size:14px;color:#333;}
.btn_more span{padding-right:33px;background:url("../images/more_btn.png") right center no-repeat;background-size:7px;}

.board_area{border-top:1px solid #000;}
.board_area thead tr th,
.board_area tbody tr td{padding:9px 0px;border-bottom:1px solid #ccc;text-align:center;font-size:14px;}
.board_area thead tr th{font-weight:400;color:#282828;text-shadow: 0 0 #000;}
.board_area tbody tr td{font-weight:100;color:#666;text-shadow: 0 0 0.5px #ccc;}

/* 애니메이션 */
.aniWrap{position:relative;overflow:hidden;display:inline-block;}
.aniWrap .aniShow{position:relative;opacity:0;}

/* header */
#header{position:absolute;height:60px;background: rgba(63,81,181,.55);text-align:center;color:#fff; border-bottom:1px #efefef solid; z-index:999; width:100%;}
#header h1 {padding:11px 0px;font-size:24px;line-height:1.2;}
#header h1 a{font-weight:100;}
#header h1 a span{font-weight:400;}
#header .left_navi{position:absolute;top:20px;left:15px;}
#header .left_navi .mb_gnb_btn{width:20px;height:20px;overflow:hidden;background:url("../images/mb_gnb_btn.png") 0 0 no-repeat;background-size:20px;text-indent:-9999px;}
#header .left_navi .lang li.font_lato a{font-family: 'Noto Sans KR'}
#header .shop{display:none;}
#header .shop .shop_menu{display:none}

#mb_gnb_area{position:absolute;display:none;left:0;top:0;width:87%;background-color:#eee;z-index:9999;}
#mb_gnb_area .gnb_close_btn{display:none;position:fixed;top: 0;left: 0;right: 0;bottom: 0;color: transparent;background: rgba(0,0,0,0.5);z-index: 9998;}
#mb_gnb_area .gnb_top{height:20px;padding:14px 15px;background-color:#782285;line-height:1.1;*zoom:1}
#mb_gnb_area .gnb_top:after{content:"";display:block;clear:both;}
#mb_gnb_area .gnb_top .logo{float:left;font-size:20px;color:#fff;font-weight:400;}
#mb_gnb_area .gnb_top .mb_gnb_close_btn{float:right;width:20px;height:20px;}
#mb_gnb_area .tit{display:block;background:#fff;padding:12px 25px;font-size:16px;color:#333;border-bottom:1px solid #eee;}
#mb_gnb_area .site_list{background-color:#fff;}
#mb_gnb_area .site_list ul{margin-bottom:12px;*zoom:1}
#mb_gnb_area .site_list ul:after{content:"";display:block;clear:both;}
#mb_gnb_area .site_list ul li{float:left;width:50%;}
#mb_gnb_area .site_list ul li a{display:block;padding:10px 0px 9px 30px;margin-right:35px;font-size:14px;font-weight:300;}
#mb_gnb_area .site_list ul li:nth-child(1) a{background:url("../images/shop_kr.png") right center no-repeat;}
#mb_gnb_area .site_list ul li:nth-child(2) a{background:url("../images/shop_ch.png") right center no-repeat;}
#mb_gnb_area .site_list ul li:nth-child(3) a{background:url("../images/shop_vie.png") right center no-repeat;}
#mb_gnb_area .site_list ul li:nth-child(4) a{background:url("../images/shop_usa.png") right center no-repeat;}
#mb_gnb_area .site_list ul li:nth-child(5) a{background:url("../images/shop_kr.png") right center no-repeat;}

#mb_gnb_area .menu_list{background:#fff;padding-bottom:15px;}
#mb_gnb_area .menu_list li a.tit{margin:0 15px;padding:12px 10px;background:#fff url("../images/gnb_menu_btn.png") 95% center no-repeat;background-size:15px;;}
#mb_gnb_area .menu_list li.on>a{background:#fff url("../images/gnb_menu_btn_on.png") 95% center no-repeat;background-size:15px;}
#mb_gnb_area .menu_list li .sub_list{display:none;background-color:#eee;padding-left:30px;}
#mb_gnb_area .menu_list li .sub_list li a{display: block;padding: 9px 0px;font-size:14px;color:#333;}

#mb_gnb_area .lang_list{margin-top:12px; background:#fff;*zoom:1}
#mb_gnb_area .lang_list:after{content:"";display:block;clear:both;}
#mb_gnb_area .lang_list li{float:left;width:25%;position:relative;}
#mb_gnb_area .lang_list li a{display:block;padding: 16px 0;font-size:12px;color:#999;font-weight:300;text-align:center;}
#mb_gnb_area .lang_list li a:after{content:"";display:block;position:absolute;width:1px;height:7px;background:#999;top:50%;margin-top:-4px;right:0;}
#mb_gnb_area .lang_list li:last-child a:after{display:none;}
#mb_gnb_area .lang_list li.on a{color:#333;}

#mb_gnb_area .mb_gnb_f{text-align:center;font-size:14px;color:#999;padding:25px 0 20px 0; }


/* contents */
.section_wrap{padding:40px 0 0 0}
.section_wrap .section_tit{display: block;font-size:22px;font-weight:100;text-align:center;color:#000;letter-spacing:3px;text-shadow: 0 0 0.2px #333;}
.section_wrap .section_sub_tit{font-size:12px;font-weight:100;text-align:center;color:#000}
.section_wrap .section_con{padding:0 0 50px 0;}

/* main */
#main{width:100%;padding:0px;}

/* main - keyvisul */
#main .keyvisual {padding:0px;}
#main .keyvisual .flexslider .txt_area{display:block;position:absolute;top:50%;margin-top:-80px;width:100%;text-align:center;}
#main .keyvisual .flexslider .txt_area .section_tit{font-size:26px;}
#main .keyvisual .flexslider .txt_area .section_sub_tit{font-size:18px;margin-top:9px;font-weight:400;letter-spacing: 6px;}
#main .keyvisual .flexslider .txt_area .section_txt{margin-top:20px;font-size:12px;color:#585147;}
#main .keyvisual .flex-control-paging li a {  width:10px;  height: 2px;  display: block;  background: #7c7c7c;  cursor: pointer;  text-indent: -9999px;border-radius: 0%;}
#main .keyvisual .flex-control-paging li a:hover {background: #fe0000;background: #fe0000;}
#main .keyvisual .flex-control-paging li a.flex-active {width: 25px;background:#fe0000;background: #fe0000; cursor: default;}
#main .keyvisual .flex-control-nav {bottom:26px;z-index: 999;}
#main .keyvisual .flex-direction-nav{display:none;}
#main .keyvisual .icon_scroll {display:none;}

#main .keyvisual .slides li {overflow:hidden;}
#main .keyvisual .slides li .img img{
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);

	-ms-animation:bgScale 60s infinite ease-out;
	-webkit-animation:bgScale 60s infinite ease-out;
	-o-animation:bgScale 60s infinite ease-out;
	animation:bgScale 60s infinite ease-out;
}

@-ms-keyframes bgScale {
	0% { -ms-transform:scale(1.4); }
	50% { -ms-transform:scale(1); }
	100% { -ms-transform:scale(1.4); }
}
@-webkit-keyframes bgScale {
	0% { -webkit-transform:scale(1.4); }
	50% { -webkit-transform:scale(1); }
	100% { -webkit-transform:scale(1.4);}
}
@-o-keyframes bgScale {
	0% { -o-transform:scale(1.4); }
	50% { -o-transform:scale(1); }
	100% { -o-transform:scale(1.4);}
}
@keyframes bgScale {
	0% { transform:scale(1.4); }
	50% { transform:scale(1); }
	100% { transform:scale(1.4);}
}

/* main - news*/
#main .main_news .section_con .aniWrap{width:100%;vertical-align: bottom;}
#main .main_news .section_con .aniWrap .aniShow{position:relative;border:1px solid #ccc;*zoom:1}
#main .main_news .section_con .aniWrap .aniShow:after{content:"";display:block;clear:both}
#main .main_news .section_con ul li{display:block;width:100%;margin-bottom:20px}
#main .main_news .section_con ul li:last-child{margin-bottom:0px;}
#main .main_news .section_con ul li .imgBox{float:left;width:65%;}
#main .main_news .section_con ul li .imgBox .img{display:block;position:relative;padding-top:66%;width:100%;overflow:hidden;text-align:center;border-right:1px solid #ccc;}
#main .main_news .section_con ul li .imgBox .img .centered{position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}
#main .main_news .section_con ul li .imgBox .img .centered img{position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
#main .main_news .section_con ul li .info{float:right;width:35%;padding:10px 10px 30px 10px;overflow:hidden;box-sizing:border-box;vertical-align:top;}
#main .main_news .section_con ul li .info p{font-size:14px;color:#333;}
#main .main_news .section_con ul li .info .posi{position:absolute;display:block;bottom:10px;right:10px;width:34%;*zoom:1}
#main .main_news .section_con ul li .info .posi:after{content:"";display:block;clear:both;}
#main .main_news .section_con ul li .info .posi span{display:inline-block;margin-top:2px;font-size:12px;color:#666;}
#main .main_news .section_con ul li .info .posi a{float:right;width:20px;height:20px;overflow:hidden;background:url("../images/news_more_btn.jpg") 0 0 no-repeat;background-size:20px;text-indent:-9999px;}

/* main - rd */
#main .main_rd{background:url("../images/mb_rd_bg.jpg") 0 0 no-repeat;background-size:cover;}
#main .main_rd .section_con .section_con_tit{padding-top:15px;margin-bottom:33px;font-size:18px;color:#333;line-height:1.4}
#main .main_rd .section_con .section_con_info{font-size:12px;color:#626262;line-height:1.6;font-weight:300}
#main .main_rd .section_con a{display:inline-block;width:118px;height:38px;margin-top:56px;margin-bottom:40px;border:1px solid #254ea6;text-align:center;line-height:38px;font-size:14px;color:#333;}
#main .main_rd .section_con a span{padding-right:16px;background:url("../images/more_btn.png") right center no-repeat;background-size:7px;}

/* main - brand */
#main .main_brand .section_con ul li{display:block;width:100%;margin-bottom:38px;}
#main .main_brand .section_con ul li:last-child{margin-bottom:0px;}
#main .main_brand .section_con ul li a .img{position:relative;}
#main .main_brand .section_con ul li a .img img{width:100%;}
#main .main_brand .section_con ul li a .img div.on{display: none;position:absolute;top: 0;left:0;}
#main .main_brand .section_con .info{text-align:center;padding:12px 0 0 0 }
#main .main_brand .section_con .info .brand_name{margin-bottom:11px;font-size:19px;color:#333;}
#main .main_brand .section_con .info .brand_info{padding:0 7%;font-size:14px;color:#4c4c4c;line-height:1.3;}

/* main - company */
#main .main_company{background-color:#e0e4e7;}
#main .main_company .section_sub_tit{margin:5px 0 17px 0px; font-weight:400;}
#main .main_company .section_con{margin:0 10px;}
#main .main_company .section_con ul li .info{min-height:100px;padding-left:120px;text-align:left;}
#main .main_company .section_con ul li:nth-child(2){text-align:right;}
#main .main_company .section_con ul li:nth-child(1) .info{padding-top:19px;background:url("../images/company_img01.png") left center no-repeat;background-size:100px;}
#main .main_company .section_con ul li:nth-child(2) .info{padding:15px 120px 0 0;background:url("../images/company_img02.png") right center no-repeat;background-size:100px;text-align:right;}
#main .main_company .section_con ul li:nth-child(3) .info{padding-top:12px;background:url("../images/company_img03.png") left center no-repeat;background-size:100px;}
#main .main_company .section_con ul li .info .company_info_tit{display:inline-block;margin-bottom:4px;font-size:14px;color:#333;font-weight:700}
#main .main_company .section_con ul li .info .company_info_subtit{display:inline-block;margin-bottom:4px;font-size:14px;color:#333;font-weight:700}
#main .main_company .section_con ul li .info .company_info_con{font-size:11px;color:#333;font-weight:100;line-height:1.4}

#main .main_company .section_con ul li:nth-child(1) .info .company_info_tit{display:block;letter-spacing:-0.03em}
#main .main_company .section_con ul li:nth-child(1) .info .company_info_subtit{display:block;font-size:11px;}
/* main - global */
#main .main_global{margin-bottom:80px;background:url("../images/mb_global_bg.jpg") 0 0 no-repeat;background-size:cover;}
#main .main_global .section_tit,
#main .main_global .section_sub_tit{color:#fff;}
#main .main_global .section_sub_tit{margin-top:14px;font-weight:400;letter-spacing:6px}
#main .main_global .section_con{padding-top:10px;}
#main .main_global .section_con ul{overflow:hidden;}
#main .main_global .section_con ul li{float:left;width:50%;text-align:center;color:#fff;}
#main .main_global .section_con ul li .slot_wrap{height:97px;overflow:hidden;font-size:65px;font-weight:400;}
#main .main_global .section_con ul li .h_txt{margin-bottom:8px;font-size:16px;font-weight:300;line-height:1.2}
#main .main_global .section_con ul li .h_txt2{font-size:10px;font-weight:400;}

/* aboutUs */
.aboutus{padding:0 0 50px 0;text-align:center;}
.aboutus .section_wrap{padding:40px 15px 0 15px}
/* aboutUs_tit */
.aboutus .abouttit {padding:40px 0 0 0;background:url("../images/mb_about_tit.jpg") 0 0 no-repeat;background-size:cover;}
.aboutus .abouttit .section_tit{color:#fff;}
.aboutus .abouttit .section_tit span.boldtit{font-weight:400;}
.aboutus .abouttit .section_tit span{display:block;}
.aboutus .abouttit .section_con{padding-top:43px;color:#fff;}
.aboutus .abouttit .section_con p{width:227px;line-height:1.3;font-size:12px;color:#fff;font-weight:300;}
.aboutus .abouttit .section_con span{display:block;margin-top:48px;font-size:12px;}


/* aboutUs_ceo */
.aboutus .ceo {background:url("../images/mb_ceo_bg.jpg") 0 0 no-repeat;background-size:cover;}
.aboutus .ceo .section_sub_tit{position:relative;margin-top:53px;font-weight:700;line-height:1.3;font-size:15px;color:#064c78;text-align:left;padding-left:10px;z-index:2}
.aboutus .ceo .section_sub_tit span{display:block;}
.aboutus .ceo .section_sub_tit .aniWrap{overflow:inherit;}
.aboutus .ceo .section_sub_tit .aniWrap .aniShow>span:first-child{text-indent:-10px;}
.aboutus .ceo .section_sub_tit .sub_tit_in{;font-weight:400;}
.aboutus .ceo .section_con{position:relative;padding-top:49px;text-align:left;line-height:1.3;font-size:12px;padding-left:10px;color:#4c4c4c;font-weight:300;}
.aboutus .ceo .section_con img{position:absolute;top:-27%;right:-15px;width:39%;max-width:330px;min-width:140px;z-index:1}
.aboutus .ceo .section_con .ceo_con{ max-width : 330px; }
.aboutus .ceo .section_con .ceo_con span{font-weight:400}

/* aboutUs_history*/
.aboutus .history.section_wrap{padding:40px 0 0 0}
.aboutus .history .wrap{padding:0;}
.aboutus .history .mb_slide{overflow:hidden;}
.aboutus .history .mb_slide .history_slider{width:150%;margin-left:-27%}
.aboutus .history .mb_slide .history_slider .slide{padding:0 15px}
.aboutus .history .mb_slide .history_slider .slide p.yeardata{font-size:18px;margin-top:15px;}
.aboutus .history .mb_slide .history_slider .slide p{font-size:13px;}

/* aboutUs_social */
.aboutus .soclal {background:url("../images/mb_social_bg.jpg")  0 0 no-repeat;background-size:cover;}
.aboutus .soclal .section_tit{color:#fff;}
.aboutus .soclal .section_sub_tit{margin-top:30px;font-size:14px;color:#fff;font-weight:400}
.aboutus .soclal .section_con ul li .aniWrap{width:100%;}
.aboutus .soclal .section_con ul li .linkarea{margin-bottom:20px;border:1px solid #fff;background:url("../images/soclal_icon.png") 97% 9px no-repeat;background-size:21px;}
.aboutus .soclal .section_con ul li:last-child .linkarea{margin-bottom:0px;}
.aboutus .soclal .section_con ul li a{position:relative;display:block;padding:22px 10px;padding-right:52%;color:#fff;background:url("../images/soclal_img01.png") 83% center no-repeat;background-size:75px;}
.aboutus .soclal .section_con ul li:nth-child(2) a{background:url("../images/soclal_img02.png") 83% center no-repeat;background-size:75px;}
.aboutus .soclal .section_con ul li:nth-child(3) a{background:url("../images/soclal_img03.png") 83% center no-repeat;background-size:75px;}
.aboutus .soclal .section_con ul li a dfn{font-style:normal;color:#fff;font-size:14px;}
.aboutus .soclal .section_con ul li a p{margin-top:8px;font-size:10px;}
.aboutus .soclal .section_con ul li a span{display:inline-block;width:2px;height:30px;background:#fff;position:absolute;top:50%;left:50%;margin:-15px 0 0 1px}


/* aboutUs_people */
.aboutus .people{background-color:#f1f5f9}
.aboutus .people .section_con .con_tit {padding-top:6px;margin-bottom:30px}
.aboutus .people .section_con .con_tit p{font-size:20px;color:#064c78;line-height:1.2}
.aboutus .people .section_con .con_tit p span{font-weight:100;}
.aboutus .people .section_con ul li{padding-top:90px;margin-bottom:18px}
.aboutus .people .section_con ul li:nth-child(1){background:url("../images/people_icon01.png") center top no-repeat;background-size:81px;}
.aboutus .people .section_con ul li:nth-child(2){background:url("../images/people_icon02.png") center top no-repeat;background-size:81px;}
.aboutus .people .section_con ul li:nth-child(3){background:url("../images/people_icon03.png") center top no-repeat;background-size:81px;}
.aboutus .people .section_con ul li:nth-child(4){background:url("../images/people_icon04.png") center top no-repeat;background-size:81px;}
.aboutus .people .section_con ul li:nth-child(5){background:url("../images/people_icon05.png") center top no-repeat;background-size:81px;}
.aboutus .people .section_con ul li dfn{font-size:15px;color:#333;font-weight:400;font-style:normal}
.aboutus .people .section_con ul li p{font-size:12px;color:#666}

/* aboutUs_corporation */
.aboutus .corporation .section_con{padding-top:54px}
.aboutus .corporation .section_con .flexslider .flex-control-paging{top:-40px;}
.aboutus .corporation .section_con .flexslider .flex-control-paging li a{width:5px;height:5px;background:rgba(204, 204, 204, 1);}
.aboutus .corporation .section_con .flexslider .flex-control-paging li a.flex-active{background:rgba(0, 82, 149, 1);}
.aboutus .corporation .section_con .flexslider .flex-direction-nav{display:none;}

.aboutus .corporation .section_con .slides .con .txt .txt_info{overflow:hidden;}
.aboutus .corporation .section_con .slides .con .txt .txt_info img{float:left;width:60px;margin-top:7px}
.aboutus .corporation .section_con .slides .con .txt .txt_info div{padding-left:70px;text-align:left;}
.aboutus .corporation .section_con .slides .con .txt .txt_info .kotit,
.aboutus .corporation .section_con .slides .con .txt .txt_info .subtit{color:#333;}
.aboutus .corporation .section_con .slides .con .txt .txt_info .kotit{font-size:16px;line-height:26px;}
.aboutus .corporation .section_con .slides .con .txt .txt_info .kotit.longtxt{letter-spacing:-1.3px;}
.aboutus .corporation .section_con .slides .con .txt .txt_info .subtit{font-size:13px;line-height:17.5px;}
.aboutus .corporation .section_con .slides .con .txt ul{margin-top:30px;padding-bottom:20px;}
.aboutus .corporation .section_con .slides .con .txt ul li{overflow:hidden;}
.aboutus .corporation .section_con .slides .con .txt ul li dfn,
.aboutus .corporation .section_con .slides .con .txt ul li p{font-style:normal;font-size:12px;color:#666;text-align:left;line-height:20px;}
.aboutus .corporation .section_con .slides .con .txt ul li dfn{float:left;width:80px;margin-right:5px;}
.aboutus .corporation .section_con .slides .con .txt ul li p{float:right;font-weight:300;width:68%;width:-webkit-calc(100% - 85px);width: -moz-calc(100% - 85px);width: calc(100% - 85px);}

.aboutus .corporation .section_con .slides .smallsize .txt ul{margin-top:10px;}
/* aboutUs_shop */
.aboutus .shop .section_tit{color:#fff;}
.aboutus .tabModules.tab01{background:url("../images/mb_store_offline.jpg") 0 0 no-repeat;background-size:cover;}
.aboutus .tabModules.tab02{background:url("../images/mb_store_online.jpg") 0 0 no-repeat;background-size:cover;}
.aboutus .tabModules.tab03{background:url("../images/mb_store_overseas.jpg") 0 0 no-repeat;background-size:cover;}
.aboutus .tabModules.tab04{background:url("../images/mb_store_homeshopping.jpg") 0 0 no-repeat;background-size:cover;}
.aboutus .shop .wrap{padding:0px;}
.aboutus .shop .section_con{padding-top:27px}
.aboutus .shop .section_con .tabBtn{display:inline-block;margin:0 auto;*zoom:1;color:#fff;}
.aboutus .shop .section_con .tabBtn:after{content:"";display:block;clear:both;}
.aboutus .shop .section_con .tabBtn li{float:left;margin-right:11px}
.aboutus .shop .section_con .tabBtn li:after{content:"";display:inline-block;position:relative;top:2px;width:1px;height:7px;margin-left:11px;background:#d9d9d9;}
.aboutus .shop .section_con .tabBtn li button{opacity:0.2;letter-spacing:-0.2px}
.aboutus .shop .section_con .tabBtn li.on button{position:relative;opacity:1}
.aboutus .shop .section_con .tabBtn li.on button:after{content:"";display:inline-block;width:10px;height:1px;background:#fff;position:absolute;bottom:-5px;left:50%;margin-left:-5px;}
.aboutus .shop .section_con .tabBtn li:last-child{margin-right:0px;}
.aboutus .shop .section_con .tabBtn li:last-child:after{display:none;}
.aboutus .shop .section_con .tabCon{display:none;margin-top:20px;}
.aboutus .shop .section_con .tabCon ul{overflow:hidden;}
.aboutus .shop .section_con .tabCon ul li{float:left;color:#fff;font-size:10px;}
.aboutus .shop .section_con .tabCon ul li div img{width:100%;}
.aboutus .shop .section_con .tabCon.on{display:block;}
.aboutus .shop .section_con .tabCon.radius_con ul {padding:0 17px;}
.aboutus .shop .section_con .tabCon.radius_con ul li{width:50%;}
.aboutus .shop .section_con .tabCon.radius_con ul li div{padding:0 5px 40px 5px;}
.aboutus .shop .section_con .tabCon.radius_con ul li div img{margin-bottom:23px;}
.aboutus .shop .section_con .tabCon.radius_con ul li div span:after,
.aboutus .shop .section_con .tabCon.radius_con ul li div span:before{content:"";display:inline-block;position:relative;top:-3px;width:10px;height:1px;background-color:#717373}
.aboutus .shop .section_con .tabCon.radius_con ul li div span:after{margin-left:4px;}
.aboutus .shop .section_con .tabCon.radius_con ul li div span:before{margin-right:4px;}

.aboutus .shop .section_con .tabCon.homeshopping {padding-bottom:75%;}
.aboutus .shop .section_con .tabCon.homeshopping ul{padding:0 35px;}
.aboutus .shop .section_con .tabCon.homeshopping ul li{width:25%;}
.aboutus .shop .section_con .tabCon.homeshopping ul li div{padding:0 5px 10px 5px}

/* aboutUs_location*/
.aboutus .location .section_con .mapbox{display:block;width:100%;}
.aboutus .location .section_con .mapbox img{width:100%;}
.aboutus .location .section_con ul{margin-top:18px;}
.aboutus .location .section_con ul li{display:block;color:#4c4c4c;font-size:11px;font-weight:300;margin-bottom:10px;text-align:left;}
.aboutus .location .section_con ul li .txt{display:block;font-weight:400;font-size:13px;}
.aboutus .location .section_con ul li.callnumber{margin-bottom:0px;}

.aboutus .location .section_con .btnarea{width:100%;margin-top:18px;}
.aboutus .location .section_con .btnarea a{display:inline-block;width:49%;border:1px solid #cfcfcf;height:28px;background:#fff;font-size:12px;color:#333;line-height:28px;box-sizing:border-box;}

/* brand */
.contents.brand{padding:50px 0;}
.brand .sub_tab_menu{width:95%;width:-webkit-calc(100% - 30px);width: -moz-calc(100% - 30px);width: calc(100% - 30px);margin:0 auto 40px auto}
.brand .brand_tit{display:block;position:relative;}
.brand .brand_tit img{width:100%;}
.brand .brand_tit .txt{display:none;}
.brand .sub3_info{padding:0 15px;}
.brand .sub3_info li .aniWrap{display:block;}
.brand .sub3_info li .sub_info{width:100%;border-top:1px solid #1a1a1a;margin-bottom:40px;text-shadow:0 0 1px #ddd}
.brand .sub3_info li .sub_info p{text-align:center;}
.brand .sub3_info li .sub_info p.tit{position:relative;padding-top:15px;color:#333;font-size:22px;line-height: 1.1;padding-bottom:18px;margin-bottom:16px;letter-spacing:-0.07em;}
.brand .sub3_info li .sub_info p.tit span{display:block;font-weight:100;letter-spacing:2px;}
.brand .sub3_info li .sub_info p.tit:after{content:"";display:block;position:absolute;left:50%;margin-left:-10px;bottom:-1px;width:20px;height:1px;background:#1a1a1a;}
.brand .sub3_info li .sub_info p:last-child{font-size:14px;color:#4c4c4c;line-height:1.2;letter-spacing:-1.2px}
.brand .best_tit{position:relative;display:block;text-align:center;margin:0 15px;}
.brand .best_tit span{position:absolute;top:50%;left:0;width:100%;height:1px;background:#1a1a1a;z-index:4}
.brand .best_tit p{display:inline-block;margin:0 auto;background-color:#fff;color:#333;font-size:22px;padding:0 15px;position:relative;z-index:5;letter-spacing:-2.2px;}
.brand .best_product_list{text-align:center;margin:0 15px;}
.brand .best_product_list a{display:block;}
.brand .best_product_list p{font-size:14px;}

.brand .daywith .best_product_list li:nth-child(3) a img{margin:15px 0;}

.brand .brand_logo{margin-top:40px;text-align:center;}
.brand .brand_logo img{max-width:90px;}

/* notice */
.notice .board_area tbody tr td:nth-child(2) a{display:block;text-align:left;padding:0px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* rnd */
.rnd  h1{position:relative;font-size:30px;color:#333;padding-top:9px;margin-bottom:5px;margin-top:58px;font-weight:400;letter-spacing: 0.04em;}
.rnd  h1:first-child{margin-top:0;}
.rnd  h1:after{content:"";display:block;position:absolute;top:0;left:0;width:30px;height:3px;background-color:#064c78;}
.rnd  dl {text-shadow: 0 0 2px #eee;}
.rnd  dl dt.first_dt{margin-top:0px;}
.rnd  dl dt.longtxt{letter-spacing:-1px}
.rnd  dl dt{margin-top:15px;font-size:20px;color:#666;margin-bottom:9px;}
.rnd  dl dd p{margin-top:12px;font-size:14px;line-height:1.4;color:#666;font-weight:300; text-align: left;}


.rnd .certification ul{overflow:hidden;margin-top:7px;}
.rnd .certification ul li{float:left;width:50%;margin-bottom:10px;}
.rnd .certification ul li:nth-child(odd) div{margin-right:1%;}
.rnd .certification ul li:nth-child(even) div{margin-left:1%;}
.rnd .certification ul li div{display:block;border:1px solid #ccc;cursor:default;padding:9px;}

.rnd .laboratory .title_box{background:url("../images/mb_laboratory.png") center 88px no-repeat;background-size:320px;}
.rnd .laboratory .title_box h1 {font-size:30px;padding-top:0px;letter-spacing:0;line-height:1.3;margin-top:0px;margin-bottom:180px;}
.rnd .laboratory .title_box h1 span{display:block;font-weight:100;}
.rnd .laboratory .title_box h1:after{display:none;}
.rnd .laboratory .title_box p{font-size:14px;color:#333;line-height:1.6;font-weight:300;}
.rnd .laboratory dl:before{display:none;}
.rnd .laboratory dl dt{padding-left:40px;margin-top:40px;font-size:20px;color:#333;line-height:1.1}
.rnd .laboratory dl dt.num01{background:url("../images/num01.png") left center no-repeat;background-size:30px;}
.rnd .laboratory dl dt.num02{background:url("../images/num02.png") left center no-repeat;background-size:30px;}
.rnd .laboratory dl dt.num03{background:url("../images/num03.png") left center no-repeat;background-size:30px;}
.rnd .laboratory dl dt.num04{background:url("../images/num04.png") left center no-repeat;background-size:30px;}
.rnd .laboratory dl dt.num05{background:url("../images/num05.png") left center no-repeat;background-size:30px;}
.rnd .laboratory dl dt span{color:#064c78;}
.rnd .laboratory dl dd{padding-left:30px;}
.rnd .laboratory dl dd p{padding:15px;background-color:#f9f9f9;font-weight:300;font-size:14px;color:#666;}

/* pr */
/* pr news_list*/
.pr .news .list_type{text-align: center;}
.pr .news .list_type button{width:25px;height:25px;border:1px solid #ccc;overflow:hidden;text-indent:-9999px}
.pr .news .list_type button.list_btn{background:url("../images/list_icon01.png") 0 0 no-repeat;background-size:23px;}
.pr .news .list_type button.list_btn.on{border:1px solid #000;background:url("../images/list_icon01_on.png") 0 0 no-repeat;background-size:23px;}
.pr .news .list_type button.thum_btn{background:url("../images/list_icon02.png") 0 0 no-repeat;background-size:23px;}
.pr .news .list_type button.thum_btn.on{border:1px solid #000;background:url("../images/list_icon02_on.png") 0 0 no-repeat;background-size:23px;}

.pr .news .masonry{margin-top:40px;}
.pr .news .aniWrap{width:100%}
.pr .news .news_list li.nodata{display:block;width:100%;}
.pr .news .news_list .list_type_header{display:none;width:100%;}
.pr .news .news_list li a .date{color: #666;}

.pr .news .list_type_title{display:block;border-top:1px solid #000;border-bottom: 1px solid #ccc;*zoom:1}
.pr .news .list_type_title:after{content:"";display:block;clear:both;}
.pr .news .list_type_title div{float:left;font-size:14px;text-align:center;padding: 9px 0px;}
.pr .news .list_type_title div:nth-child(1){width:23%;}
.pr .news .list_type_title div:nth-child(2){width:57%;}
.pr .news .list_type_title div:nth-child(3){width:20%;}
.pr .news .notice_list ul li {width:100%;}
.pr .news .notice_list ul li a {display:block;overflow:hidden;border-bottom: 1px solid #ccc;}
.pr .news .notice_list ul li a img{display:none;}
.pr .news .notice_list ul li a .titl{float:right;overflow:hidden;width:77%;}
.pr .news .notice_list ul li a .titl p{float:left;width:74%;margin: 9px 0px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;white-space: normal;line-height: 1.2;height: 2.4em;}
.pr .news .notice_list ul li a .titl .user{float:right;width:26%;margin: 9px 0px;text-align:center;}
.pr .news .notice_list ul li a .date{float:left;width:23%;margin:9px 0px;text-align:center;}
.pr .news .thum_list{overflow:hidden;}
.pr .news .thum_list ul li{width:49%;margin-bottom:20px;}
.pr .news .thum_list ul li a{display:block;border:1px solid #ccc;margin:0 2px;}
.pr .news .thum_list ul li a .img{position:relative;padding-top:84%;overflow:hidden;text-align:center;}
.pr .news .thum_list ul li a .img .centered{position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}
.pr .news .thum_list ul li a .img .centered img{position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.pr .news .thum_list ul li a .titl{padding:14px 15px 10px 15px;}
.pr .news .thum_list ul li a .titl p{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;white-space: normal;line-height: 1.2;height: 3.6em;display: inline-block;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pr .news .thum_list ul li a .titl .user{display:none;}
.pr .news .thum_list ul li a .date{display:block;padding:0 15px 14px 15px;}

/* list_view*/
.list_view .tit {position:relative;border-top:1px solid #555;}
.list_view .tit h3{padding:15px 80px 16px 20px;background-color:#f4f4f4;border-bottom:1px solid #ccc;font-size:13px;color:#333;font-weight:700;}
.list_view .tit .stit {position:absolute;top:0px;right:15px;height:100%;font-size:12px;color:#555;padding:0px;bottom:0px;border:0px;}
.list_view .tit .stit .data{display:table-cell;vertical-align:middle;height:100%;}
.list_view .stit{display:block;padding:8px 20px 7px 20px;border-bottom:1px solid #ccc;font-size:13px;}
.list_view .con{min-height:460px;padding:25px;border-bottom: 1px solid #ccc;}

/* movie list */
.movie,
.movie .aniWrap,
.movie ul,
.movie ul li {display:block;width:100%}
.movie ul li{width:100%;margin-bottom:20px;}
.movie ul li a{display:block;*zoom:1}
.movie ul li a:after{content:"";display:block;clear:both;}
.movie ul li a .info{float:left;width:40%;}
.movie ul li a .info .movie_type{margin-bottom:10px;font-size:12px;color:#555}
.movie ul li a .info .movie_tit{display:block;font-size:16px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;white-space:normal;line-height:1.3;height:3.9em;font-weight:400;}
.movie ul li a .imgbox{float:right;position:relative;width:57%}
.movie ul li a .imgbox .img{position:relative;padding-top:60%;overflow:hidden;text-align:center;}
.movie ul li a .imgbox .img .centered{position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}
.movie ul li a .imgbox .img .centered img{position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.movie ul li a .imgbox .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url("../images/play_btn.png") center center no-repeat;background-size:30px;overflow: hidden;text-indent: -9999px;}
.movie ul li a .imgbox .bg span{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0.3}

/* exhibition */
.pr .exhibition .tabWrap{text-align:center;}
.pr .exhibition .tabWrap .tab{display:inline-block;margin-bottom:43px;;*zoom:1}
.pr .exhibition .tabWrap .tab:after{content:"";display:block;clear:both}
.pr .exhibition .tabWrap .tab li{float:left;}
.pr .exhibition .tabWrap .tab li a{display:block;font-size:14px;color:#999;padding-right:15px;position:relative;margin-right:15px;line-height:1.1}
.pr .exhibition .tabWrap .tab li.on a{color:#000}
.pr .exhibition .tabWrap .tab li a:after{content:"";display:block;height:17px;width:1px;position:absolute;right:0;top:3px;background-color:#999}
.pr .exhibition .tabWrap .tab li:last-child a{margin-right:0px;padding-right:0px;}
.pr .exhibition .tabWrap .tab li:last-child a:after{display:none;}
.pr .exhibition .tabWrap .maps{position:relative;}
.pr .exhibition .tabWrap .maps .pointer{display:none;position:absolute;top:0;left:0;width:5px;}
.pr .exhibition .tabWrap .maps .pointer.on{display:block;}
.pr .exhibition .tabWrap .maps .pc_point_img{display:none;}
/*2017*/
.pr .exhibition .tabWrap .maps .pointer21{top:37%;left:40%;}
.pr .exhibition .tabWrap .maps .pointer20{top:31%;left:78%;}
.pr .exhibition .tabWrap .maps .pointer19{top:44%;left:38%;}
.pr .exhibition .tabWrap .maps .pointer18{top:45%;left:37%;}
.pr .exhibition .tabWrap .maps .pointer17{top:50%;left:36%;}
.pr .exhibition .tabWrap .maps .pointer16{top:35%;left:23%;}
.pr .exhibition .tabWrap .maps .pointer15{top:20%;left:13%;}
.pr .exhibition .tabWrap .maps .pointer14{top:31%;left:42%;}
.pr .exhibition .tabWrap .maps .pointer13{top:30%;left:25%;}
/*2016*/
.pr .exhibition .tabWrap .maps .pointer12{top:31%;left:78%;}
.pr .exhibition .tabWrap .maps .pointer11{top:44%;left:38%;}
.pr .exhibition .tabWrap .maps .pointer10{top:31%;left:42%;}
.pr .exhibition .tabWrap .maps .pointer9{top:20%;left:13%;}
.pr .exhibition .tabWrap .maps .pointer8{top:14%;left:22%;}
.pr .exhibition .tabWrap .maps .pointer7{top:31%;left:42%;}
.pr .exhibition .tabWrap .maps .pointer6{top:35%;left:38%;}
.pr .exhibition .tabWrap .maps .pointer5{top:37%;left:40%;}
/*2015*/
.pr .exhibition .tabWrap .maps .pointer4{top:31%;left:78%;}
.pr .exhibition .tabWrap .maps .pointer3{top:37%;left:40%;}
.pr .exhibition .tabWrap .maps .pointer2{top:31%;left:42%;}
/*2014*/
.pr .exhibition .tabWrap .maps .pointer1{top:37%;left:40%;}

.pr .exhibition .tabWrap .tabCon{display:none;margin-top:25px;}
.pr .exhibition .tabWrap .tabCon.on{display:block;}
.pr .exhibition .tabWrap .tabCon dfn{display:block;width:100%;font-style:normal;padding:6px 0;font-size:14px;border-top:1px solid #282828;border-bottom:1px solid #ccc;}
.pr .exhibition .tabWrap .tabCon ul{}
.pr .exhibition .tabWrap .tabCon ul li{display:block;padding:9px 15px;border-bottom:1px solid #ccc;overflow:hidden;}
.pr .exhibition .tabWrap .tabCon ul li p{float:left;font-size:14px;}
.pr .exhibition .tabWrap .tabCon ul li button{float:right;font-size:14px;width:30%;line-height:25px;background-color:#064c78;color:#fff;}

/* popup */
.pop_area{display:none;position:fixed;overflow:auto;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:5999;-webkit-backface-visibility:hidden;}
.pop_area .pop_wrap{position: absolute;left: 15px;right: 15px;top: 15%;background: #fff;box-sizing: border-box;-webkit-overflow-scrolling: touch;z-index:6010;}
.pop_area .pop_wrap .pop_close{position:absolute;right:0;top:-40px;width:15px;height:15px;padding:12.5px 12.5px;background:#292929;z-index:6001;}
.pop_area .pop_wrap .pop_con_box{margin:0px}
.pop_area .pop_wrap .pop_con_box hgroup{display:block;width:100%;}
.pop_area .pop_wrap .pop_con_box hgroup h2{font-size:11px;color:#999;text-align:center;}
.pop_area .pop_wrap .pop_con_box hgroup h1{font-size:13px;font-weight:700;color:#fff;text-align:center;}

#popMedia .pop_wrap .pop_con_box hgroup{position:absolute;top:-40px;}

#poprtification ul{position:relative;overflow:hidden;}
#poprtification ul li{position:relative;top:0;left:0;display:none;}
#poprtification .pop_wrap{left:50px;right:50px;}
#poprtification .rolling button{position:absolute;top:40px;z-index:50}
#poprtification .prev_btn{left:-20px;}
#poprtification .next_btn{right:-20px;}

#popupExhibition .modal_table{display:table;width:100%;height:100%;}
#popupExhibition .modal_table .modal_cell{display:table-cell;vertical-align:middle;width:95%;width:-webkit-calc(100% - 30px);width: -moz-calc(100% - 30px);width: calc(100% - 30px);padding:15px;}
#popupExhibition .modal_table .modal_cell .modal_con{position:relative;top:0;left:0;right:0;background:none;}

#popupExhibition .title{position:relative;width:100%;padding-top:10px;text-align:center;}
#popupExhibition .title h1,
#popupExhibition .title p{color:#fff;}
#popupExhibition .title h1{font-weight:400;font-size:20px;}
#popupExhibition .title p{font-weight:300;font-size:13px;}
#popupExhibition .pop_close{top:0;}
#popupExhibition .flex-direction-nav a{text-indent:-9999px;width:30px;height:30px;text-align:left;}
#popupExhibition .flex-direction-nav a.flex-prev{background:url("../images/prev_btn.jpg") 0 0 no-repeat;background-size:30px;}
#popupExhibition .flex-direction-nav a.flex-next{background:url("../images/next_btn.jpg") 0 0 no-repeat;background-size:30px;}
#popupExhibition .flex-control-paging{bottom:8px;}
#popupExhibition .flex-control-paging li a{background:#ccc}
#popupExhibition .flex-control-paging li a.flex-active{background:#000}

#popHistory .pop_wrap .pop_con_box{padding:20px;height:330px;overflow-y:scroll}
#popHistory .pop_wrap .pop_con_box hgroup{margin-bottom:21px;text-align:center}
#popHistory .pop_wrap .pop_con_box hgroup h1{font-size:25px;margin-bottom:9px;font-weight:400;color:#333;line-height: 1.1;letter-spacing:23px}
#popHistory .pop_wrap .pop_con_box hgroup h2{font-size:13px;font-weight:400;color:#333;letter-spacing:13px;}
#popHistory .pop_wrap .pop_con_box dl{overflow:hidden;}
#popHistory .pop_wrap .pop_con_box dl dt{float:left;width:20%;font-size:12px;color:#666;font-weight:400;}
#popHistory .pop_wrap .pop_con_box dl dd{float:right;width:80%;font-size:12px;color:#666;font-weight:300;}

#popHistory .pop_wrap .pop_con_box button{display:none;}

/* finance */
.field_study p{margin-top:30px;text-align:right;}
.field_study p.fcopy{text-align:left;}
.field_study .field_table{margin-top:10px;}
.field_study .field_table.board_area thead tr th,
.field_study .field_table.board_area tbody tr td{font-size:12px;}
.finance .board_area thead tr th:nth-child(2),
.finance .board_area thead tr th:nth-child(3),
.finance .board_area tbody tr td:nth-child(2),
.finance .board_area tbody tr td:nth-child(3){text-align:right;}

/*customer */
.contents.customer{padding-top:39px}
.customer h1{font-size:30px;margin-bottom:42px;text-align:center;color:#333;font-weight:400;letter-spacing:0.1em}
.customer .con_wrap,
.customer .con_wrap .aniWrap {display:block;width:100%;}

/*customer_center*/
.customer .customer_center .customer_center_info{display:block;width:100%;border-top:1px solid #eee;}
.customer .customer_center .customer_center_info>li{padding:40px 0 24px;border-bottom:1px solid #eee;}
.customer .customer_center .customer_center_info>li .img img{margin-bottom:34px;}
.customer .customer_center .customer_center_info>li .info{padding:0 15px;}
.customer .customer_center .customer_center_info>li .info .tit{position:relative;font-size:20px;color:#333;margin-bottom:22px;}
/*.customer .customer_center .customer_center_info>li .info .tit:after{content:"";display:inline-block;position:absolute;top:5px;left:0;width:2px;height:21px;background-color:#064c78;}*/
.customer .customer_center .customer_center_info>li .info ul li{overflow:hidden;}
.customer .customer_center .customer_center_info>li .info ul li dfn,
.customer .customer_center .customer_center_info>li .info ul li p{font-size:14px;margin-bottom:12px}
.customer .customer_center .customer_center_info>li .info ul li dfn{float:left;width:33%;color:#666;font-style:normal;}
.customer .customer_center .customer_center_info>li .info ul li p{float:right;width:67%;color:#333;}

/* sitemap */
.customer .sitemap .sitemap_list>li{border-top:1px solid #064c78;margin-bottom:34px;}
.customer .sitemap .sitemap_list>li>a{display:block;padding:32px 15px 33px;background:url("../images/sitemap_more.png") 94% center no-repeat;background-size:36px;font-size:20px;color:#064c78;}
.customer .sitemap .sitemap_list>li .sitemap_sublist {display:block;border-top:1px solid #eee;padding-top:17px;padding-bottom:18px;}
.customer .sitemap .sitemap_list>li .sitemap_sublist li{padding:11px 15px;}
.customer .sitemap .sitemap_list>li .sitemap_sublist li a{font-size:14px;color:#666;font-weight:300}


/* footer */
#footer{text-align:center;}
#footer .top_btn{width:100%;position:relative;}
#footer .top_btn div{position:absolute;top:16px;left:0;right:0;height:1px;background-color:#e8e8e8;}
#footer .top_btn a{display:inline-block;position:relative;width:33px;height:21px;padding-top:12px;overflow:hidden;font-size:10px;color:#888;background:url("../images/top_btn.png") 0 0 no-repeat;background-size:33px;}

#footer .footer_wrap{}
#footer .footer_wrap .f_menu{display:inline-block;margin:15px auto 10px auto;*zoom:1}
#footer .footer_wrap .f_menu:after{content:"";display:block;clear:both;}
#footer .footer_wrap .f_menu li{float:left;margin-right:22px;}
#footer .footer_wrap .f_menu li:last-child{margin-right:0px;}
#footer .footer_wrap .f_menu li a{font-size:12px;color:#333}
#footer .footer_wrap .f_addr,
#footer .footer_wrap .f_addr li{list-style:disc}
#footer .footer_wrap .f_addr{display:inline-block;/*margin:0 auto 20px auto;*/text-align:left;}
#footer .footer_wrap .copy{color:#333;font-size:12px;}


/* mobile 767px*/
@media all and (max-width:767px){
.wrapper	{overflow:auto;-webkit-overflow-scrolling:touch;}
.contents	{min-height:250px;}

.mb_view {display:block !important;}
.mb_hidden {display:none !important;}

.rvideo{
float: left;
height: 260px;
margin-top: 65px;
}

.rvideo video{
width:100% !important;
/*height: 100% !important;*/
}

}
