@charset "utf-8";

@import url('reset.css');
@import url('layout.css');
@import url('font-awesome/css/font-awesome.css');

/************************************************
	common-board
************************************************/

.intro-tx.intro-txE{
    position: relative;
}
.en_link{
	position: absolute;
    background-color: #004A84;
    padding: 5px 20px;
    bottom: 10px;
    color: #fff;
    left: 61.5%;
    transform: translateX(-51%);
}

.div-scroll{ overflow-x:hidden; overflow-y:auto; }
.right-row{ float:right; margin-top:-35px;}
.box01{ background:#fbfbfb; padding:20px;}
.box02{ border:#b2b2b2 1px solid; padding:10px;}
.brd-tn{ border-top:none !important;}

.col6 li{width:16.66%}
.col5 li{width:20%}
.col4 li{width:25%}
.col3 li{width:33.33%}
.col2 li{width:50%}

.bt-sns{ text-align:right; margin:0 0 15px 0; }
.bt-sns button{ background:none; border:none; margin:0 3px;}


.panel01{ background:#fbfbfb; border:#ddd 1px solid; padding:30px; }
.panel01 dt{ color:#e71e24; font-size:18px; margin:0 0 10px 0; line-height:18px;}
.panel01 dt:before{ font-family:"FontAwesome"; content:"\f12a"; margin:0 10px 0 0; font-size:12px; display:inline-block; color:#e71e24; border:#e71e24 1px solid; width:18px; height:18px; border-radius:50%; text-align:center; line-height:18px; }

@media (max-width:767px) {
	.right-row{ float:none; margin-top:5px; text-align:right;}
}

.visible-tablet,
.visible-mobile{ display:none;}
.visible-pc{ display:block;}
@media (max-width:767px) {
	.hidden-mobile,
	.visible-tablet,
	.visible-pc{ display:none;}
	.visible-mobile{ display:block;}

	.panel01{ padding:15px; }
	.panel01 dt{ font-size:14px; }

}
@media (min-width:768px) and (max-width:992px) {	
	.visible-mobile,
	.visible-pc{ display:none;}
	.visible-tablet{ display:block;}
}
@media (min-width:993px) and (max-width:1200px) { 
	.visible-tablet,
	.visible-mobile{ display:none;}
	.visible-pc{ display:block;}
}

/* text icon */
[class^="tx-"],
[class*=" tx-"]{ display:inline-block; overflow:hidden; min-width:34px; height:22px; line-height:22px; font-size:11px; padding:0 6px; margin:0; vertical-align:middle; text-align:center; color:#fff !important; border-radius:2px; }
.tx-rec{ border-radius:0;}
.tx-red{ background:#e71e24;}

/* ul list */
ul.ul-list01{ margin:0;}
ul.ul-list01:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
ul.ul-list01.inline li{ display:inline-block;}
ul.ul-list01 li{ text-indent:-13px; padding:0 0 0 13px; margin:5px 15px;}
ul.ul-list01 li+li{ margin-top:4px;}
ul.ul-list01.inline li+li{ margin:5px 15px;}
ul.ul-list01 li:before{ content:""; width:5px; height:1px; display:inline-block; margin:0 8px 0 0; vertical-align:middle; background:#747474; }
ul.listDisc li:before {display:inline-block;content:"";width:3px;height:3px;background:#747474;border-radius:1.5px;-webkit-border-radius:1.5px;-ms-border-radius:1.5px;margin:10px 5px 0 0;vertical-align:top}

ul.ul-list02{ margin:0;}
ul.ul-list02:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
ul.ul-list02 li{ text-indent:-13px; padding:0 0 0 13px;}
ul.ul-list02 li+li{ margin-top:4px;}
ul.ul-list02 li:before{ content:""; width:5px; height:1px; display:inline-block; margin:0 8px 0 0; vertical-align:middle; background:#747474; }

/* tab */
.div-tab{ position:relative;}
.div-tab .brna{ display:none;}
.div-tab:after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#333; display:block; z-index:2;}
.div-tab ul:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.div-tab ul li{ position:relative; float:left; z-index:1; }
.div-tab ul li.active{ z-index:3;}
.div-tab ul li a{ display:block; line-height:60px; padding:0 10px; min-width:220px; text-align:center; font-size:16px; color:#767676; border:#b2b2b2 1px solid; background:#fff; margin:0 -1px;}
.div-tab ul li.active a{ font-size:20px; color:#111;  border:#333 1px solid; border-bottom:#fff 1px solid; }

.div-tab+h3.h3-tit2{ margin-top:40px !important;}

@media (max-width:767px) {
	.div-tab{ position:relative; width:100%; margin:0 0 18px 0; height:40px; z-index:999;}	
	.div-tab:after{display:none;;}
	.div-tab .brna{ display:block; text-align:left; width:100%; height:40px; line-height:40px; border-bottom:#e71e24 2px solid; background:#fff; margin:0;  padding:0; color:#e71e24; font-weight:700; font-size:18px; cursor:pointer;}
	.div-tab .brna:after{ font-family:"FontAwesome"; content:"\f107"; position:absolute; right:10px; font-size:24px; font-weight:700; top:50%; line-height:1; margin-top:-12px; color:#e71e24; }
	.div-tab ul{ position: absolute; top:40px; left:0; width:100%;  border:#e5e5e5 1px solid; display:none;}
	.div-tab ul li{  float:none; width:100%;}
	.div-tab ul li a{ display:block; text-align:left; height:30px; line-height:30px; border:none; background:#fff; margin:0;  padding:0 15px; font-size:13px;}
	.div-tab ul li.active a{ text-align:left; height:30px; line-height:30px; border:none; background:#fff; margin:0;  padding:0 15px;  font-size:13px;}
}

/* btn */
.bt-txt{border:none; background:none; font-size:15px; color:#333; }

/* btn-box */
.btn-box{ width:100%; margin-top:20px; text-align:center; position:relative; clear:both; }
.btn-box:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.btn-box .btn{ float:none;}
.btn-box.page-line{ position:relative; z-index:1; height:0; margin-top:0; }
.btn-box.page-line .fr,
.btn-box.page-line .fl{ position:absolute; top:-48px; float:none; }
.btn-box.page-line .fr{right:0;}
.btn-box.page-line .fl{left:0;}
.btn-box [class^="btn"],
.btn-box [class*=" btn"]{margin:0 2px;}
.btn-box .fr [class^="btn"]:last-child,
.btn-box .fr [class*=" btn"]:last-child{margin-right:0;}
.btn-box .fl [class^="btn"]:first-child,
.btn-box .fl [class*=" btn"]:first-child{margin-left:0;}
.btn-box.r [class^="btn"]:last-child,
.btn-box.r [class*=" btn"]:last-child{margin-right:0;}

@media (max-width:767px) {
	.btn-box.half .btn{ width:48%; float:right; margin:0;}
	.btn-box.half .btn:first-child{ float:left;}
}
/* /btn-box */

/************************************************
	form
************************************************/
.search-form{ text-align:right;}
.search-form .input-group{ border:#ddd 1px solid;}
.search-form .input-group .form-control{border:none; height:28px; }
.search-form .bt-search{ background:url(../../images/common/icon_search.png) 50% 50% no-repeat; width:30px; height:28px;}

/* paging */
div.paging{ text-align:center; padding:0; margin:20px 0 0 0; position:relative;}
div.paging a,
div.paging span{ display:inline-block; width:28px; height:28px; border:none; background:#fff; line-height:28px; text-align:center; margin:0 2px; color:#555; vertical-align:middle; }
div.paging a:hover,
div.paging a.on{ color:#fff; background:#e71e24; }
div.paging .direction{ text-indent:-9999px; }
div.paging .direction.first{ background:#f5f5f5 url(../../images/common/blt_paging_fir.gif) 50% 50% no-repeat;}
div.paging .direction.last{ background:#f5f5f5 url(../../images/common/blt_paging_last.gif) 50% 50% no-repeat;}
div.paging .direction.prev{ background:#f5f5f5 url(../../images/common/blt_paging_prev.gif) 50% 50% no-repeat;}
div.paging .direction.next{ background:#f5f5f5 url(../../images/common/blt_paging_next.gif) 50% 50% no-repeat;}

@media (max-width:767px) {
	.search-form .input-group,
	.search-form .block{ margin-top:5px;}

	div.paging a,
	div.paging span{ margin:0; }
}

/* board list */
.search-form+.list-type1{ margin-top:20px;}
.list-type1{ margin:0 0 0 -1%;}
.list-type1:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.list-type1 .item{ position:relative; float:left; width:24%; height:220px; margin:0 0 1% 1%; }
.list-type1 .item .blt-tx{ position:absolute; top:0; right:0; display:block; width:46px; height:46px; line-height:46px; color:#fff; text-align:center; font-size:15px; background:#777; }
.list-type1 .item .blt-tx.active{ background:#e71e24; font-size:20px; line-height:1.2em;  }
.list-type1 .item .blt-tx.active em{ display:block; font-size:11px;}
.list-type1 .item a{ display:block; height:210px; border:#b2b2b2 1px solid; padding:20px 30px;}
.list-type1 .item a:hover{ border:#e71e24 2px solid; text-decoration:none;}
.list-type1 .item .mark1{ display:block; height:120px; font-size:20px; color:#333; text-decoration:none; }
.list-type1 .item .mark1 .hd-tx{ color:#e71e24; display:block; margin:0 0 5px 0; font-size:14px;}
.list-type1 .item .mark2{ display:block; margin:0; border-top:#ddd 1px solid; width:100%; padding:20px 0 0 26px; color:#747474; background:url(../../images/common/icon_clock.png) 0 22px no-repeat;}
.list-type1 .item .mark2 em{ display:inline-block; }
.list-type1 .item .mark2 em:nth-child(2){ margin:0 0 0 10px;}
.list-type1 .item .mark2 em:nth-child(2):before{ content:""; height:10px; width:1px; background:#eaeaea; display:inline-block; vertical-align:middle; margin-right:9px;}

.list-type2{ border-top:#333 1px solid;}
.list-type2 .item{ position:relative; padding:0; border-bottom:#ddd 1px solid;}
.list-type2 .item .faq-q{ position:relative; background:none; padding:25px 60px 25px 70px; font-size:16px; color:#333; display:block; width:100%; text-align:left;}
.list-type2 .item .faq-q:after{ content:""; position:absolute; top:50%; right:30px; margin-top:-1px; width:14px; height:2px; background:#666; display:block;}
.list-type2 .item .faq-q.active:before{ content:""; position:absolute; top:50%; right:36px; margin-top:-7px; width:2px; height:14px; background:#666; display:block;}
.list-type2 .item .faq-a{ position:relative; background:#fbfbfb; padding:25px 60px 25px 70px; border-top:#ddd 1px solid; }
.list-type2 .item .blt{ position:absolute; top:50%; left:30px; margin-top:-16px; font-size:20px; color:#555;}
.list-type2 .item .faq-a .blt{ color:#e71e24; top:22px; margin-top:0;}
.list-type2.faq-wr .faq-q{ position:relative; background:none; padding:25px 60px 25px 70px; font-size:16px; color:#333; display:block; width:100%; text-align:left; border-bottom:#ddd 1px solid;}
.list-type2.faq-wr .faq-q:after{ content:""; position:absolute; top:50%; right:30px; margin-top:-1px; width:14px; height:2px; background:#666; display:block;}
.list-type2.faq-wr .faq-q:before{ content:""; position:absolute; top:50%; right:36px; margin-top:-7px; width:2px; height:14px; background:#666; display:block;}
.list-type2.faq-wr .faq-q.active:before{ display:none;}
.list-type2.faq-wr .faq-q .sub-tx{ font-size:14px; color:#747474; display:block; font-weight:normal; margin:10px 0 0 0;}
.list-type2.faq-wr .faq-a{ position:relative; background:#fbfbfb; padding:25px 60px 25px 70px; border-bottom:#ddd 1px solid; }
.list-type2.faq-wr .blt{ position:absolute; top:50%; left:30px; margin-top:-16px; font-size:20px; color:#555;}
.list-type2.faq-wr .faq-a .blt{ color:#e71e24; top:22px; margin-top:0;}
.list-type2.faq-wr .faq-a h5{ font-size:16px; color:#333; margin:30px 0 10px;}
.list-type2.faq-wr.no-faq .faq-q{ padding:30px 60px 30px 0; font-size:22px;}
.list-type2.faq-wr.no-faq .faq-a{ padding:25px 60px 25px 25px;  }

.list-type2.agency_wr{ border-top:none;}
.list-type2.agency_wr .faq-q{ position:relative; background:none; padding:30px 0 30px 0; font-size:22px; display:block; width:100%; text-align:left;  border-bottom:#ddd 1px solid;}
.list-type2.agency_wr .faq-q button{ display:block; width:100%; text-align:left; background:none; border:none; color:#333; pADDING:0 60px 0 0; }
.list-type2.agency_wr .faq-q:after{ content:""; position:absolute; top:50%; right:30px; margin-top:-1px; width:14px; height:2px; background:#666; display:block;}
.list-type2.agency_wr .faq-q:before{ content:""; position:absolute; top:50%; right:36px; margin-top:-7px; width:2px; height:14px; background:#666; display:block;}
.list-type2.agency_wr .faq-q.active{ border-bottom:none;}
.list-type2.agency_wr .faq-q.active:before{ display:none;}
.list-type2.agency_wr .faq-a{ position:relative; padding:0 25px 25px 25px;  background:none; border-bottom:#ddd 1px solid; }
.list-type2.agency_wr .faq-a ul.ul-list01{ margin-top:20px;}

h3+.list-type3{ margin-top:20px;}
.list-type3{ position:relative; }
.list-type3 ul{ margin:0 0 0 -2%;}
.list-type3:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.list-type3 li{ float:left; width:23%; margin:0 0 20px 2%; height:314px;}
.list-type3 li:nth-child(4n+1){ clear:both;}
.list-type3 .thum{ display:block;} 
.list-type3 .thum img{ width:100%;}
.list-type3 .txt{ position:relative; display:block; padding:15px 40px 0 20px; border:#ddd 1px solid; border-top:none; height:120px;}
.list-type3 .txt .mark1{ color:#e71e24; }
.list-type3 .txt strong{ font-size:16px; color:#111; display:block; text-overflow:ellipsis; overflow:hidden; white-space:normal; height:50px;}
.list-type3 .txt:after{ content:""; position:absolute; top:26px; right:20px; width:14px; height:2px; background:#666; display:block;}
.list-type3 .txt:before{ content:""; position:absolute; top:20px; right:26px; width:2px; height:14px; background:#666; display:block;}
.list-type3 .txt .con-tx{ display:none;}
.list-type3 .item2 .txt{ border:#ddd 1px solid; border-bottom:none; height:256px;}
.list-type3 .item2 .txt:before,
.list-type3 .item2 .txt:after{ display:none;}
.list-type3 .item2 .icon-lnk{ position:relative; height:58px; border:#ddd 1px solid; display:block; color:#747474; font-size:15px; line-height:58px; padding:0 0 0 44px;}
.list-type3 .item2 .icon-lnk:after{ content:""; position:absolute; top:22px; left:20px; width:15px; height:15px; background:url(../../images/common/icon_link.gif) 50% 50% no-repeat; display:block;}
.list-type3 li:nth-child(5) .lay-detail,
.list-type3 li:nth-child(6) .lay-detail,
.list-type3 li:nth-child(7) .lay-detail,
.list-type3 li:nth-child(8) .lay-detail{ top:660px;}
.list-type3 .lay-detail{ display:none; position:absolute; top:330px; left:0; width:100%; min-height:330px; border:#ddd 1px solid; background:#fbfbfb; padding:20px;}
.list-type3 .lay-detail .inner{ display:table; width:100%;}
.list-type3 .lay-detail .inner .txt-left{ display:table-cell; width:670px; vertical-align:top; padding:0 30px 50px 0;}
.list-type3 .lay-detail .inner .thum{ display:table-cell; width:380px; vertical-align:top;}
.list-type3 .lay-detail .inner .subject{ display:block; font-size:24px; color:#111;}
.list-type3 .lay-detail .inner .date{ display:block; color:#747474; margin:0 0 30px 0;}
.list-type3 .lay-detail .inner .date strong{ padding:0 10px 0 0;}
.list-type3 .lay-detail .inner .date em+strong{ margin-left:30px;}
.list-type3 .lay-detail .inner .date strong:after{ content:""; width:1px; height:10px; background:#eaeaea; display:inline-block; vertical-align:middle; margin:0 0 0 10px;}
.list-type3 .lay-detail .bt-close{ position:absolute; bottom:20px; left:20px; width:27px; height:27px; display:block; text-indent:-9999px; background:url(../../images/common/bt_x1.gif) 50% 50% no-repeat;}
.list-type3 .item.active,
.list-type3 .item.active{ margin-bottom:365px;}
.list-type3 .item.active .txt,
.list-type3 .item:hover .txt{ background:#e71e24; border:#e71e24 1px solid; border-top:none; color:#fff;}
.list-type3 .item.active .txt .mark1,
.list-type3 .item:hover .txt .mark1{ color:#fff; }
.list-type3 .item.active .txt strong,
.list-type3 .item:hover .txt strong{ color:#fff;}
.list-type3 .item.active .txt:after,
.list-type3 .item:hover .txt:after{ content:""; position:absolute; top:118px; left:50%; margin:0 0 0 -10px; width:19px; height:10px; background:url(../../images/common/blt_arr_d.gif) 0 0 no-repeat;}
.list-type3 .item.active .txt:before,
.list-type3 .item:hover .txt:before{ display:none;}

.list-social{ position:relative; }
.list-social ul{ margin:0 0 0 -6%;}
.list-social:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.list-social .item{ float:left; width:44%; margin:0 0 40px 6%;}
.list-social .item:nth-child(2n+1){ clear:both;}
.list-social .thum{ display:block;} 
.list-social .thum img{ width:100%;}
.list-social .txt{ position:relative; display:block; padding:15px 40px 0 0;}
.list-social .txt .mark1{ color:#e71e24; }
.list-social .txt strong{ font-size:16px; color:#111; margin:0 0 5px 0; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* 사보 */
.list-type4{ position:relative; margin:20px 0 0 0;}
.list-type4:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.list-type4>.inner{ margin:-40px 0 0 -2%;}
.list-type4 .item{ float:left; width:23%; margin:40px 0 0 2%;}
.list-type4 .item a{ display:block;}
.list-type4 .item .thum img{ border:#ddd 1px solid; width:100%; max-width:100%;}
.list-type4 .item .subject{ display:block; font-size:16px; color:#333; margin:15px 0 0 0; padding:0 20px 0 0; background:url(../../images/common/icon_down.gif) 100% 50% no-repeat; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.view-type1{ border-top:#333 1px solid;}
.view-type1 .subject{ padding:25px 20px; font-size:24px; color:#333; border-bottom:#ddd 1px solid;}
.view-type1 .vew-row{ padding:14px 20px; border-bottom:#ddd 1px solid;}
.view-type1 .vew-row span{ margin:0 13px; display:inline-block; color:#747474;}
.view-type1 .vew-row span strong{ display:inline-block; color:#333; font-weight:normal; padding:0; margin:0 10px 0 0;}
.view-type1 .vew-row span strong:after{ content:""; display:inline-block; width:1px; height:10px; vertical-align:middle; background:#eaeaea; margin-left:9px;}
.view-type1 .vew-row span:first-child{ margin-left:0;} 
.view-type1 .vew-con{ padding:40px 20px; border-bottom:#b2b2b2 1px solid;}

table.write{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; border-top:#333 1px solid; table-layout:fixed;}
table.write .th01{ width:180px;}
table.write tbody th{ background:#f5f5f5; border-bottom:#ddd 1px solid; padding:15px 20px; text-align:left; vertical-align:middle;}
table.write tbody th.th_prn {padding-right: 0;}
table.write tbody td{ border-bottom:#ddd 1px solid; padding:5px 20px; text-align:left; vertical-align:middle;}
table.write tbody td.row{ margin:0; padding:5px 20px 5px 5px;}
table.write tbody tr:last-child th,
table.write tbody tr:last-child td{ border-bottom:#b2b2b2 1px solid;}

table.data{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; border-top:#333 1px solid; table-layout:fixed;}
table.data thead th{ background:#fff; border-bottom:#333 1px solid; padding:10px 20px; color:#333; text-align:center; vertical-align:middle; white-space:nowrap;}
table.data tbody th{ background:#fbfbfb; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; padding:10px 20px; text-align:left; vertical-align:middle; font-weight:normal;}
table.data tbody .th2{ background:#fbfbfb;  padding-left:40px;}
table.data tbody td{ border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; padding:10px 20px; text-align:center; vertical-align:middle;}
table.data tfoot th{ background:#fbfbfb; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; padding:10px 20px; text-align:left; vertical-align:middle; font-weight:normal; font-weight:bold; color:#e71e24;}
table.data tfoot td{ border-bottom:#ddd 1px solid; border-right:#ddd 1px solid; padding:10px 20px; text-align:center; vertical-align:middle; font-weight:bold; color:#e71e24;}
table.data.left tbody td{ text-align:left;}
table.data thead th:last-child,
table.data tbody td:last-child,
table.data tfoot td:last-child{ border-right:none;}
table.data tbody tr:last-child th,
table.data tr th.brd-b,
table.data tr:last-child td,
table.data tr td.brd-b{ border-bottom:#b2b2b2 1px solid;}
table.data .cost{ text-align:right; }
table.data tbody td span{ display:inline-block;}
table.data .bg-white{ background:#fff;}
.div-tab+table.data{ margin-top:40px;}

table.data2{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; border-top:#555 2px solid; table-layout:fixed;}
table.data2 tbody th{ border-bottom:#ddd 1px solid; border-left:#ddd 1px solid; padding:20px; text-align:center; background:#f5f5f5; color:#333; font-weight:bold;}
table.data2 tbody td{ border-bottom:#ddd 1px solid; border-left:#ddd 1px solid; padding:20px; text-align:left;}
table.data2 tbody td:last-child{ border-right:#ddd 1px solid; }


@media (max-width:767px) {
	.list-type1{ margin:0;}
	.list-type1 .item{ position:relative; float:none; width:100%; height:220px; margin:0; }
	
	.view-type1{ margin:-15px -15px 0 -15px;}
	.view-type1 .subject{ padding:60px 16px 25px 16px;}
	body.social .view-type1 .subject{ padding:15px 16px 15px 16px;}
	.view-type1 .subject .tx-red{ position:absolute; top:30px; left:20px;}
	.view-type1 .vew-row span{ margin:0 10px; display:inline-block; color:#333;}
	.view-type1 .vew-row span:after{ content:""; display:inline-block; width:1px; height:10px; vertical-align:middle; background:#eaeaea; margin-left:13px;}
	.view-type1 .vew-row span strong{ display:none; }

	.list-type2{ border-top:#333 1px solid; margin:5px -15px 0 -15px;}	
	.list-type2.faq-wr .faq-q .sub-tx{ font-size:12px; color:#747474; display:block; font-weight:normal; margin:10px 0 0 0;}
	.list-type2.faq-wr.no-faq .faq-q{ padding:15px 60px 15px 15px; font-size:14px;}	
	.list-type2.faq-wr .faq-a h5{ font-size:12px; color:#333; margin:30px 0 10px;}
	
	.list-type2.agency_wr{ border-top:#333 1px solid; margin:5px -15px 0 -15px;}	
	.list-type2.agency_wr .faq-q{ position:relative; background:none; padding:15px 60px 15px 15px; font-size:14px; display:block; width:100%; text-align:left;  border-bottom:#ddd 1px solid;}

	.list-type3{ border-top:#333 1px solid; }
	.list-type3.latest{ margin-top:0;}
	.list-type3 ul{ margin:0;}
	.list-type3 .item,
	.list-type3 .item2{ float:none; width:100%; height:auto; margin:0; padding:15px; border-bottom:#ddd 1px solid;}
	.list-type3 .item:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.list-type3 li>a>.thum{ float:left; width:34%; display:block;} 
	.list-type3 .thum img{ width:100%;}
	.list-type3 .txt{ position:relative; float:left; width:66%; height:auto; padding:0 0 0 4%; border:none; height:auto;}
	.list-type3 .item2 .txt{ float:none; width:100%; padding:0; height:auto; border:none; }
	.list-type3 .item2 .icon-lnk{ display:none;}
	.list-type3 .txt .mark1{ color:#e71e24; }
	.list-type3 .txt strong{ font-size:16px; color:#111; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:auto; padding-right:30px;}
	.list-type3 .txt .con-tx{ display:none; margin:20px 0 0 0;}
	.list-type3 .txt:after,
	.list-type3 .item:hover .txt:after{ content:""; position:absolute; top:26px; right:0px; left:auto; margin:0; width:14px; height:2px; background:#666; display:block;}
	.list-type3 .item2 .txt:after{ display:none;}
	.list-type3 .item .txt:before,
	.list-type3 .item:hover .txt:before{ content:""; position:absolute; top:20px; right:6px; left:auto; margin:0;  width:2px; height:14px; background:#666; display:block;}
	.list-type3 .item2 .txt:before{ display:none;}
	.list-type3 li:nth-child(5) .lay-detail,
	.list-type3 li:nth-child(6) .lay-detail,
	.list-type3 li:nth-child(7) .lay-detail,
	.list-type3 li:nth-child(8) .lay-detail{ top:auto;}
	.list-type3 .lay-detail{ display:none; position:relative; top:auto; left:auto; width:100%; min-height:auto; border:none; background:none; padding:0; clear:both;}
	.list-type3 .lay-detail .inner{ display:block; width:100%; padding:0 0 35px 0;}
	.list-type3 .lay-detail .inner .txt-left{ display:block; width:100%; vertical-align:top; padding:20px 0;}
	.list-type3 .lay-detail .inner .thum{ display:block; width:100%; vertical-align:top;}
	.list-type3 .lay-detail .inner .subject{ display:none; }
	.list-type3 .lay-detail .inner .date{ display:none; }
	.list-type3 .lay-detail .bt-close{ bottom:10px; left:0; background: url(../../images/common/bt_x3.gif) 50% 50% no-repeat; background-size:14px 14px; width:14px; height:14px;}
	.list-type3 .item.active,
	.list-type3 .item.active{ margin-bottom:0;}
	.list-type3 li.active>a>.thum{ display:none;}
	.list-type3 li.active .txt{ float:none; width:100%; height:auto; padding:0; border:none; height:auto;}
	.list-type3 li.active .txt .con-tx{ display:none;}
	.list-type3 .item.active .txt,
	.list-type3 .item:hover .txt{ background:#fff; border:none; color:#747474;}
	.list-type3 .item.active .txt .mark1,
	.list-type3 .item:hover .txt .mark1{ color:#e71e24; }
	.list-type3 .item.active .txt strong,
	.list-type3 .item:hover .txt strong{ color:#333;}
	.list-type3 .item.active .txt:after,
	.list-type3 .item2.active .txt:after,
	.list-type3 .item.active .txt:before{ display:none;}
		
	table.table-m colgroup{ display:none;}
	table.table-m thead tr{ position:absolute; top:-9999px; left:-9999px;}
	table.table-m th,
	table.table-m td{ display:block; width:100%;}
	table.table-m th{ padding:15px 0 0 0 !important; background:#fff !important; border-bottom:none !important;}
	table.table-m td{ padding:5px 0 10px !important;}
	table.table-m td.row>div{ padding:0 !important;}
	table.table-m td.form-inline>.form-control.tel{ display:inline-block !important; width:30%;}
	table.table-m td.form-inline>input[type=file]{ display:block !important; width:100%;}
	
	table.data thead th{ padding:10px 5px; }
	table.data tbody td{ padding:10px 5px;}
	table.data tbody td{ word-break:break-all;}

	.list-type4>.inner{ margin:-20px 0 0 -3%;}
	.list-type4 .item{ float:left; width:47%; margin:20px 0 0 3%;}
	.list-type4 .item .subject{ font-size:14px;margin:5px 0 0 0; padding:0; background:none;}

	.list-social{ position:relative; }
	.list-social ul{ margin:0;}
	.list-social:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.list-social .item{ float:left; width:100%; margin:0 0 20px 0;}
	.list-social .item:nth-child(2n+1){ clear:both;}
	.list-social .thum{ display:block;} 
	.list-social .thum img{ width:100%;}
	.list-social .txt{ position:relative; display:block; padding:15px 40px 0 0;}
	.list-social .txt .mark1{ color:#e71e24; }
	.list-social .txt strong{ font-size:13px; color:#111; margin:0 0 5px 0; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
}

@media (min-width:768px) and (max-width:992px) {	
	.list-type1{ margin:0 0 0 -2%;}
	.list-type1 .item{ position:relative; float:left; width:48%; height:220px; margin:0 0 1% 2%; }

	.list-type3{ border-top:#333 1px solid; }
	.list-type3.latest{ margin-top:0;}
	.list-type3 ul{ margin:0;}
	.list-type3 .item,
	.list-type3 .item2{ float:none; width:100%; height:auto; margin:0; padding:30px; border-bottom:#ddd 1px solid;}
	.list-type3 .item:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.list-type3 li>a>.thum{ float:left; width:34%; display:block;} 
	.list-type3 .thum img{ width:100%;}
	.list-type3 .txt{ position:relative; float:left; width:66%; height:auto; padding:0 0 0 4%; border:none; height:auto;}
	.list-type3 .item2 .txt{ float:none; width:100%; padding:0; height:auto; border:none; }
	.list-type3 .item2 .icon-lnk{ display:none;}
	.list-type3 .txt .mark1{ color:#e71e24; }
	.list-type3 .txt strong{ font-size:18px; color:#111; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:auto; padding-right:30px;}
	.list-type3 .txt .con-tx{ display:block; margin:20px 0 0 0;}
	.list-type3 .txt:after,
	.list-type3 .item:hover .txt:after{ content:""; position:absolute; top:26px; right:0px; left:auto; margin:0; width:14px; height:2px; background:#666; display:block;}
	.list-type3 .item2 .txt:after{ display:none;}
	.list-type3 .item .txt:before,
	.list-type3 .item:hover .txt:before{ content:""; position:absolute; top:20px; right:6px; left:auto; margin:0;  width:2px; height:14px; background:#666; display:block;}
	.list-type3 .item2 .txt:before{ content:""; position:absolute; top:20px; right:6px; left:auto; margin:0;  width:14px; height:14px; background:url(../../images/common/icon_link.gif) 50% 50% no-repeat; background-size:14px 14px; display:block;}
	.list-type3 li:nth-child(5) .lay-detail,
	.list-type3 li:nth-child(6) .lay-detail,
	.list-type3 li:nth-child(7) .lay-detail,
	.list-type3 li:nth-child(8) .lay-detail{ top:auto;}
	.list-type3 .lay-detail{ display:none; position:relative; top:auto; left:auto; width:100%; min-height:auto; border:none; background:none; padding:0; clear:both;}
	.list-type3 .lay-detail .inner{ display:block; width:100%; padding:0 0 60px 0;}
	.list-type3 .lay-detail .inner .txt-left{ display:block; width:100%; vertical-align:top; padding:20px 0;}
	.list-type3 .lay-detail .inner .thum{ display:block; width:100%; vertical-align:top;}
	.list-type3 .lay-detail .inner .subject{ display:none; }
	.list-type3 .lay-detail .inner .date{ display:none; }
	.list-type3 .lay-detail .bt-close{ bottom:10px; left:0; background: url(../../images/common/bt_x3.gif) 50% 50% no-repeat; background-size:24px 24px; width:24px; height:24px;}
	.list-type3 .item.active,
	.list-type3 .item.active{ margin-bottom:0;}
	.list-type3 li.active>a>.thum{ display:none;}
	.list-type3 li.active .txt{ float:none; width:100%; height:auto; padding:0; border:none; height:auto;}
	.list-type3 li.active .txt .con-tx{ display:none;}
	.list-type3 .item.active .txt,
	.list-type3 .item:hover .txt{ background:#fff; border:none; color:#747474;}
	.list-type3 .item.active .txt .mark1,
	.list-type3 .item:hover .txt .mark1{ color:#e71e24; }
	.list-type3 .item.active .txt strong,
	.list-type3 .item:hover .txt strong{ color:#333;}
	.list-type3 .item.active .txt:after,
	.list-type3 .item2.active .txt:after{ content:""; position:absolute; top:26px; left:auto; margin:0; right:0px; width:14px; height:2px; background:#666; background-image:none; display:block;}
	.list-type3 .item.active .txt:before{ display:none;}

	.list-type4>.inner{ margin:-30px 0 0 -3%;}
	.list-type4 .item{ float:left; width:30%; margin:30px 0 0 3%;}

	.list-social{ position:relative; }
	.list-social ul{ margin:0 0 0 -2%;}
	.list-social:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.list-social .item{ float:left; width:48%; margin:0 0 40px 2%;}
	.list-social .item:nth-child(2n+1){ clear:both;}
	.list-social .thum{ display:block;} 
	.list-social .thum img{ width:100%;}
	.list-social .txt{ position:relative; display:block; padding:15px 40px 0 0;}
	.list-social .txt .mark1{ color:#e71e24; }
	.list-social .txt strong{ font-size:16px; color:#111; margin:0 0 5px 0; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

}

/************************************************
	intro
************************************************/
.intro-com .intro-tx{ position:relative; padding:0 0 0 380px;}
.intro-com .intro-tx .txt1{ position:absolute; top:0; left:0; width:320px; font-size:32px; color:#333;}
.intro-com .intro-tx .txt1 span{ display:inline-block;}
.intro-com .thum{ margin:0 0 60px 0;}
.intro-com .txt-bx strong{ font-size:24px; color:#333; font-weight:normal;}
.intro-com .txt-bx em{ font-weight:bold;}

.intro-com2{ position:relative; }
.intro-com2:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
.intro-com2 .txt-01{ position:relative;  font-size:32px; color:#111;  z-index:2; padding:0 0 0 540px; }
.intro-com2 .txt-02{ position:relative;  font-size:24px; color:#444; margin:30px 0; padding:0 0 0 540px; z-index:2;}
.intro-com2 .txt-02 span,
.intro-com2 .txt-02 strong{ display:inline-block;}
.intro-com2 .txt-03{ position:relative;  margin:0; padding:0 0 0 540px; z-index:2;}
.intro-com2 .photo{ position:absolute; top:0; left:0; z-index:1;}
.intro-com2 .sign-tx{ position:relative; margin:-20px 0 0 0; z-index:2; float:right;}

.intro-com3 .sub_tit {margin-bottom: 60px;font-size: 23px;font-weight: 500;color: #111;}
.intro-com3 .thum1{ display:table; width:100%;}
.intro-com3 .thum1 .thum{ width:50%; display:table-cell;}
.intro-com3 .thum1 .thum img{ float:right;}
.intro-com3 .thum1 .int-tx{ display:table-cell; vertical-align:middle; font-size:32px; color:#444; padding:0 0 0 70px;}
.intro-com3 .thum1 .int-tx span{ display:inline-block;}
.intro-com3 .mission-lst{ width:100%; display:block;}
.intro-com3 .mission-lst .thum1 .thum {text-align: center;}
.intro-com3 .mission-lst .thum1 .thum img {display: inline-block;float: none;}
.intro-com3-thum{ margin:40px 0 0 0;}
.intro-com3-thum img{ margin:0 auto;}


.agency_wr .int-thum{ max-width:100%; width:100%; }
.agency_wr .map{ width:100%; height:360px;}
.agancy-tit{ font-size:18px; color:#e71e24; padding:20px 25px; background:#f5f5f5; margin:0; border-bottom:#ddd 1px solid;}

.ci-wr .thum{ margin-top:20px; }
.ci-wr .btn-red{ background-image:url(../../images/common/icon_down_w.gif); background-repeat:no-repeat; background-position:140px 50%; padding-right:80px;}
.ci-wr h4.h4-tit2{ color:#ea1e27; font-size:20px;}

.ci02-lst{ margin:0 0 0 -1%;}
.ci02-lst:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
.ci02-lst li{ float:left; width:32.3%; margin:0 0 0 1%;}
.ci02-lst li .thum2{ margin:0 0 10px 0;}
.ci02-lst2{ margin:0 0 0 -1%;}
.ci02-lst2:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
.ci02-lst2 li{ float:left; width:49%; margin:0 0 0 1%;}
.ci02-lst2 li .thum2{ margin:0 0 10px 0;}
.ci02-lst3{ margin:0;}
.ci02-lst3:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
.ci02-lst3 li{ float:left; width:50%; margin:0; padding:0 5% 5% 0;}
.ci02-lst3 li img{ max-width:100%; float:left; margin:0 5% 0 0;}
.ci02-lst4{ margin:0;}
.ci02-lst4:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
.ci02-lst4 li{ float:left; width:50%; margin:0;}

#contents .div-inner .intro_fin01 h3.h3-tit{ position:relative; margin:0 0 20px; padding:0 0 15px 0; border-bottom:#333 2px solid;}
#contents .div-inner .intro_fin01 h3.h3-tit span{ position:absolute; bottom:15px; right:0; color:#747474; font-size:14px;}
#contents .div-inner .intro_fin01:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
#contents .div-inner .intro_fin01 .ghp{ padding:20px 0 0 0;text-align: center;}
#contents .div-inner .intro_fin01 .References {padding-top: 30px;text-align: center;font-size: 16px;}
#contents .div-inner .intro_fin01 .References span {display: block;line-height: 1.2em;}
/*#contents .div-inner .intro_fin01>div{ padding-bottom:80px; width:490px; float:left;}
#contents .div-inner .intro_fin01>div.m2,
#contents .div-inner .intro_fin01>div.m4{ float:right;}
#contents .div-inner .intro_fin01>p{ clear:both;}*/

#contents .div-inner .intro_fin01>div{width:820px;margin: 0 auto;padding-bottom:80px;}
/*#contents .div-inner .intro_fin01>div.m2,
#contents .div-inner .intro_fin01>div.m4{ float:right;}*/
#contents .div-inner .intro_fin01>p{ clear:both;}
#contents .div-inner .intro_fin01>div.current1{float: none;}

.intro-fin02-wr{ margin:40px 0 0 0; display:table; width:100%;}
.intro-fin02-wr .row{ display:table-cell; width:50%;}
.intro-fin02-wr .row>div{ display:table-cell; float:none; position:relative; padding-bottom:100px; }
.intro-fin02-wr table th{ white-space:nowrap;}
.intro-fin02-wr .total-fin{ position:absolute;  padding:0 15px; bottom:0; left:0; width:100%; }
.intro-fin02-wr .total-fin .inner{ padding:0 15px; border-top:#333 1px solid;  line-height:60px; height:60px; font-size:20px; color:#e71e24; text-align:right;}
.intro-fin02-wr .total-fin strong{ float:left; vertical-align:middle; line-height:60px; }
.intro-fin02-tx1{ background:#fbfbfb; padding:25px 25px 70px 25px; text-align:right; border:#ddd 1px solid; margin:50px 0 20px 0; font-size:20px;}
.intro-fin02-tx1 strong{ font-size:30px; color:#333; display:block; font-weight:normal; margin:0 0 10px 0;}
.intro-fin02-tx1 em{ font-size:18px; color:#333;}
.intro-fin02-tx2 em{ float:right; color:#333;}

.intro-tech .txt-bx{ margin:60px 0 0 0;}
.intro-tech .txt-bx:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
.intro-tech .thum img{ margin:0 auto;}
.intro-tech .txt-bx dt{ float:left; width:35%; font-size:32px; font-weight:normal; color:#111; letter-spacing:-0.05em;}
.intro-tech .txt-bx dt strong{ color:#e71e24; display:block;}
.intro-tech .txt-bx dd{ float:left; width:65%;}
.intro-tech .txt-bx dd strong{ font-size:24px; color:#444; font-weight:normal; display:block; margin:0 0 30px 0; padding:0 30px 0 0;}
.intro-tech .txt-bx dd strong em{ font-weight:600;}
.intro-tech .txt-bx2{ margin-top:70px;}
.intro-tech .txt-bx2 h3{ color:#e71e24; font-size:20px; margin:0 0 10px 0;}
.intro-tech .txt-bx2 .thum{ margin:30px 0 0 0;}
.intro-tech .txt-bx3{ margin:40px 0 0 0; padding:60px 0 20px; text-align:center; background:#444 url(../../images/intro/tech_bg.gif) 50% 20px no-repeat; font-size:16px; color:#ebf0f3;}
.intro-tech .txt-bx3 span{ display:inline-block;}

.lab-row{ padding:0 0 40px 0; border-bottom:#ddd 1px solid;}
.lab-row>div{ float:left;}
.lab-row:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
.lab-row .labcol-1{ width:20%; padding:0 20px 0 0;}
.lab-row .labcol-2{ width:50%; padding:0 0 0 20px;}
#contents .div-inner .lab-row+.h4-tit{ margin-top:40px;}
.lab-row2{ position:relative; width:100%; min-height:300px;}
.lab-row2:before{ content:""; position:absolute; top:36px; left:0; width:100%; height:4px; background:#a0a0a0 url(../../images/intro/lab_line.gif) 50% 50% no-repeat;}
.lab-row2:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
.lab-row2>dl{ position:absolute; top:0; width:30%; padding:0;}
.lab-row2>dl dt{ position:relative; text-align:center; font-size:16px; color:#333; margin:0 0 30px 0; padding:0 50px 0 0; height:40px;}
.lab-row2>dl dd{ position:relative;  padding:0 50px 0 0; }
.lab-row2>dl dd:after{ position:absolute; content:""; top:-37px; left:50%; margin:0 0 0 -6px; width:12px; height:12px; border:#a0a0a0 4px solid; border-radius:50%; background:#fff; }
.lab-row2 .m1{ left:70%;}
.lab-row2 .m2{ left:40%;}
.lab-row2 .m3{ left:10%;}
.lab-row2 .m1 dd:after{ border:#e71e24 4px solid; }
.lab-row2 .m2 dd:after{ border:#787878 4px solid; }

.thum-list{ margin:0 0 0 -2%; }
.thum-list:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
.thum-list .thum-bx{ float:left; width:350px; margin:0 0 0 2%; padding:0 0 20px 0;}
.thum-list .thum-bx:nth-child(3n+1){ clear:both;}
.thum-list .thum-bx .item{ width:100%; border:#ddd 1px solid;}
.thum-list .thum-bx .item img{ width:350px; height:298px;}
.thum-list .thum-bx .bx-controls a{ position:absolute; top:50%; left:1px; margin:-25px 0 0 0; width:50px; height:50px; background:url(../../images/common/bg_rec.gif); text-indent:-9999px;}
.thum-list .thum-bx .bx-controls a.bx-next{ left:auto; right:1px;}
.thum-list .thum-bx .bx-controls a.bx-prev:after{ content:""; position:absolute; z-index:9; top:0; left:0; width:50px; height:50px; display:block; background:url(../../images/common/bt_prev.gif) 50% 50% no-repeat;}
.thum-list .thum-bx .bx-controls a.bx-next:after{ content:""; position:absolute; z-index:9; top:0; left:0; width:50px; height:50px; display:block; background:url(../../images/common/bt_next.gif) 50% 50% no-repeat;}
.thum-list .thum-bx .subject{ text-align:center; padding:15px 0; font-size:18px; color:#111;}
#contents .div-inner .fac-w{ margin-top:0;}
#contents .div-inner .fac-wr .inner{ display:block; padding:0 0 40px 0; border-bottom:#ddd 1px solid; }
#contents .div-inner .fac-wr .h4-tit{ position:relative; border-bottom:#ddd 1px solid; margin:0; padding:28px 30px 28px 0; background:#fff; display:block; width:100%; text-align:left; font-size:22px;}
#contents .div-inner .fac-wr .h4-tit:after{ content:""; position:absolute; top:50%; right:15px; margin-top:-7px; width:14px; height:14px; display:block; background:url(../../images/common/blt_plus.gif) 50% 50% no-repeat; background-size:14px 14px;}
#contents .div-inner .fac-wr .h4-tit.active{ border-bottom:none;}
#contents .div-inner .fac-wr .h4-tit.active:after{ background:url(../../images/common/blt_minus.gif) 50% 50% no-repeat; background-size:14px 2px;}
.fac-list{ margin:0 0 0 -1%;}
.fac-list:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
.fac-list li{ float:left; margin:3px 0 3px 1%; border:#ddd 1px solid; height:40px; line-height:40px; padding:0 30px; text-align:center;} 
.fac-lst{ margin:0 0 20px 0;}

.mov-list-hd{ background:#f5f5f5; display:table; width:700px; margin:0 auto;}
.mov-list-hd .mov-bx{ display:table-cell; width:65%; vertical-align:top;}
.mov-list-hd .mov-bx #player{ width:100%; height:390px;}
.mov-list-hd .mov-cmmt{ padding:20px; display:table-cell; vertical-align:top; overflow:hidden;}
.mov-list-hd .mov-cmmt .inner{ overflow-y:auto;}
.mov-list{ margin:60px 0 0 0; border-top:#333 1px solid; border-bottom:#b2b2b2 1px solid; padding:30px 0 0 0;}
.mov-list:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
.mov-list .inner{ margin:0 0 0 -2%;}
.mov-list .item{ float:left; width:23%; margin:0 0 30px 2%;}
.mov-list .item .thum{ position:relative; display:block;}
.mov-list .item.active .thum:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/common/bg_rec.png); }
.mov-list .item.active .thum:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../../images/intro/blt_stop.png) 50% 50% no-repeat; z-index:9; }
.mov-list .item .subject{ margin:10px 0 0 0; font-size:16px; color:#333; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.vision-ls{ position:relative; }
.vision-ls .thum{ border:#ddd 1px solid;  text-align:center; padding:10px 0;}
.vision-ls .thum img{ display:inline-block;}
.vision-ls .txt{ position:relative; margin:50px 0 0 0; padding:0 0 0 380px;}
.vision-ls .txt>strong{ position:absolute; display:block; width:280px; font-size:32px; top:0; left:0; font-weight:normal; color:#333;}
.vision-ls .txt>strong em{ color:#e71e24; font-weight:bold;}
.vision-ls .txt>strong span{ display:inline-block;}
.vision-ls .txt p{ font-size:24px; color:#333; margin:0 0 30px 0;}
.vision-ls .txt p span{ display:inline-block;}

@media (min-width:768px) and (max-width:1024px) {	
	.thum-list .thum-bx:nth-child(3n+1){ clear:none;}
	.thum-list .thum-bx:nth-child(2n+1){ clear:both;}
}
@media (max-width: 575px) {
	.intro-com3 .mission-lst .thum1 .thum img {width: 82.35%;}
 
}
@media (max-width:767px) {	
	.intro-com .txt-bx strong{ font-size:14px;}
	.intro-com .intro-tx{ padding:0;}
	.intro-com .intro-tx .txt1{ position:relative; top:auto; left:auto; width:100%; padding:0 40px; text-align:center; font-size:16px; margin:0 0 20px 0;}
	.intro-com .thum{ margin:0 0 30px 0;}
	
	.intro-com2 .txt-01{ padding:0; font-size:16px; font-weight:bold;}
	.intro-com2 .txt-02{ font-size:14px; margin:15px 0; padding:0; z-index:2;}
	.intro-com2 .txt-03{ padding:0;}
	.intro-com2 .photo{ position:relative; top:auto; right:auto;}
	.intro-com2 .sign-tx{ position:relative; margin:20px 0 0 0; z-index:2;}
	.intro-com2 .sign-tx img{ height:32px;}
	
	.intro-com3 .sub_tit {margin-bottom: 20px;font-size: 16px;}
	.intro-com3 .thum1{ display:block; }
	.intro-com3 .thum1 .thum{ width:100%; display:block;}
	.intro-com3 .thum1 .thum img{ float:none; margin:0 auto;}
	.intro-com3 .thum1 .int-tx{ display:block; font-size:16px; padding:20px 0 0; text-align:center;}
	.intro-com3 .mission-lst .thum1 {display: table;}
	.intro-com3 .mission-lst .thum1 .thum {width: 50%;display: table-cell;}

	table.data.intro-com04{ border:none; border-top:#ddd 1px solid;} 
	table.data.intro-com04 thead tr{ position:absolute; top:-9999px; left:-9999px;}
	table.data.intro-com04 colgroup{ display:none;}
	table.data.intro-com04 tr:last-child td,
	table.data.intro-com04 td{ display:inline-block; border:none; text-align:left;}
	table.data.intro-com04 tr td:first-child{ display:block; padding-bottom:0; color:#333;}
	table.data.intro-com04 tr td:last-child:before{ content:""; width:1px; height:10px; background:#ddd; display:inline-block; margin-right:10px;}
	table.data.intro-com04 tr{ display:block; border-bottom:#ddd 1px solid;}
	
	.agency_wr .int-thum{ margin-bottom:20px; max-width:100%; width:100%; }
	.agency_wr .map{ width:100%; height:344px;}
	
	#contents .div-inner .intro_fin01 h3.h3-tit{ position:relative; margin:0 0 10px; padding:0 0 8px 0; border-bottom:#333 2px solid;}
	#contents .div-inner .intro_fin01 h3.h3-tit span{ position:absolute; bottom:5px; right:0; color:#747474; font-size:10px;}
	#contents .div-inner .intro_fin01:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
	#contents .div-inner .intro_fin01 .ghp{ padding:20px 0 0 0;}
	#contents .div-inner .intro_fin01 .ghp img.visible-mobile {display: inline-block;}
	#contents .div-inner .intro_fin01>div{ padding-bottom:40px; width:100%; float:none;}
	#contents .div-inner .intro_fin01>div.m2,
	#contents .div-inner .intro_fin01>div.m4{ float:none;}
	#contents .div-inner .intro_fin01>p{ clear:both;}
	
	.ci-wr .btn-box a:first-child{ display:none;}
	.ci-wr .btn-red{ background-image:none; padding-right:20px;}
	.ci-wr .btn-red:before{ content:""; display:inline-block; width:20px; height:16px; background:url(../../images/common/icon_down_w.gif) 50% 50% no-repeat; margin-right:10px;}

	.ci02-lst{ margin:0;}
	.ci02-lst li{ display:table; float:none; width:100%; margin:0;}
	.ci02-lst li+li{ margin-top:10px;}
	.ci02-lst li .thum2{ display:table-cell; width:50%; margin:0;}
	.ci02-lst li .txt{ display:table-cell; vertical-align:top; width:50%; padding:0 0 0 2%;}
	.ci02-lst2{ margin:0;}
	.ci02-lst2 li{ float:none; width:100%; margin:0;}
	.ci02-lst2 li+li{ margin-top:15px;}	
	.ci02-lst3{ margin:0;}
	.ci02-lst3 li{ float:none; width:100%; margin:0; padding:0; text-align:center;}
	.ci02-lst3 li+li{ margin-top:20px;}
	.ci02-lst3 li img{ max-width:100%; float:none; margin:0; display:inline-block;}
	.ci02-lst4{ margin:0;}
	.ci02-lst4 li{ float:left; width:100%; margin:0;}
	.ci02-lst4 li+li{ margin-top:10px;}
	.ci02-lst4 li:first-child img{ border-right:#eaeaea 1px solid;}

	#contents .div-inner .intro_fin01 h3.h3-tit{ margin:0 0 10px; }
	#contents .div-inner .intro_fin01>div{ padding-bottom:30px;}
	
	.intro-fin02-wr{ margin:40px 0 0 0; display:table; width:100%;}
	.intro-fin02-wr .row{ display:block; width:auto;}
	.intro-fin02-wr .row>div{ display:block; float:none; position:relative; padding-bottom:0; clear:both;}
	.intro-fin02-wr .row>div+div{ margin-top:30px;}
	.intro-fin02-wr .total-fin{ position:relative;  padding:0; bottom:auto; left:auto; width:auto; }
	.intro-fin02-wr .total-fin .inner{ padding:0 10px; border-top:#333 1px solid;  line-height:30px; height:30px; font-size:12px; color:#e71e24; text-align:right;}
	.intro-fin02-wr .total-fin strong{ float:left; vertical-align:middle; line-height:30px; }

	.intro-fin02-tx1{ background:#fbfbfb; padding:8px 8px 30px 8px; text-align:right; border:#ddd 1px solid; margin:30px 0 10px 0; font-size:12px;}
	.intro-fin02-tx1 strong{ font-size:15px; color:#333; display:block; font-weight:normal; margin:0 0 10px 0;}
	.intro-fin02-tx1 em{ font-size:11px; color:#333;}
	.intro-fin02-tx2 em{ float:left; color:#333;}
	
	.intro-tech .txt-bx{ margin:25px 0 0 0;}
	.intro-tech .txt-bx dt{ float:none; width:100%; font-size:16px;}
	.intro-tech .txt-bx dt strong{ color:#e71e24; display:inline-block;}
	.intro-tech .txt-bx dd{ float:none; width:100%;}
	.intro-tech .txt-bx dd strong{ font-size:14px; margin:15px 0 10px; padding:0;}
	.intro-tech .txt-bx dd strong em{ font-weight:600;}
	.intro-tech .txt-bx2{ margin-top:25px;}
	.intro-tech .txt-bx2 h3{ font-size:14px;}
	.intro-tech .txt-bx2 .col-xs-12+.col-xs-12{ margin-top:25px;}
	.intro-tech .txt-bx2 .thum{ margin:15px 0 0 0;}
	.intro-tech .txt-bx3{ margin:40px 0 0 0; padding:50px 15px 15px; text-align:center; background:#444 url(../../images/intro/tech_bg.gif) 50% 20px no-repeat; font-size:12px; color:#ebf0f3;}
	.intro-tech .txt-bx3 span{ display:inline;}	
	
	.lab-row{ padding:0; border-bottom:none;}
	.lab-row>div{ float:left;}
	.lab-row .labcol-1{ width:50%; padding:0 20px 0 0;}
	.lab-row .labcol-2{ width:100%; padding:20px 0 0 0;}
	.lab-row2{ position:relative; width:100%; min-height:300px;}
	.lab-row2:before{ display:none;}
	.lab-row2>dl{ position:relative; top:auto; width:100%; padding:0;}
	.lab-row2>dl dt{ position:relative; text-align:left; font-size:16px; color:#e71e24; margin:15px 0 5px; padding:0; height:auto;}
	.lab-row2>dl dt:before{ display:none;}
	.lab-row2>dl dd{ position:relative;  padding:0; }
	.lab-row2>dl dd:after{ display:none;}
	.lab-row2>dl dd:before{ display:none;}
	.lab-row2 .m1{ left:auto;}
	.lab-row2 .m2{ left:auto;}
	.lab-row2 .m3{ left:auto;}
	
	.thum-list{ margin:0; }
	.thum-list .thum-bx{ float:left; width:100%; margin:0; padding:0 0 20px 0;}
	.thum-list .thum-bx .bx-controls a{ position:absolute; top:50%; margin:-25px 0 0 0; width:50px; height:50px; background:url(../../images/common/bg_rec.gif); text-indent:-9999px;}
	.thum-list .thum-bx .bx-controls a.bx-next{ right:0;}
	.thum-list .thum-bx .bx-controls a.bx-prev:after{ content:""; position:absolute; z-index:9; top:0; left:0; width:50px; height:50px; display:block; background:url(../../images/common/bt_prev.gif) 50% 50% no-repeat;}
	.thum-list .thum-bx .bx-controls a.bx-next:after{ content:""; position:absolute; z-index:9; top:0; left:0; width:50px; height:50px; display:block; background:url(../../images/common/bt_next.gif) 50% 50% no-repeat;}
	.thum-list .thum-bx .subject{ text-align:center; padding:15px 0; font-size:14px; color:#111;}
	.thum-list .thum-bx .item img{ width:100%; height:auto;}

	.fac-wr{ margin:30px -15px 0 -15px; border-top:#333333 1px solid;}
	#contents .div-inner .fac-wr .inner{ padding:0 15px 40px 15px; border-bottom:#ddd 1px solid;}
	#contents .div-inner .fac-wr .h4-tit{ position:relative; border-bottom:#ddd 1px solid; margin:0; padding:20px 30px;}
	#contents .div-inner .fac-wr .h4-tit:after{ content:""; position:absolute; top:50%; right:15px; margin-top:-7px; width:14px; height:14px; display:block; background:url(../../images/common/blt_plus.gif) 50% 50% no-repeat; background-size:14px 14px;}
	#contents .div-inner .fac-wr .h4-tit.active{ border-bottom:none;}
	#contents .div-inner .fac-wr .h4-tit.active:after{ background:url(../../images/common/blt_minus.gif) 50% 50% no-repeat; background-size:14px 2px;}

	.mov-list-hd{ background:#f5f5f5; display:block; width:100%; }
	.mov-list-hd .mov-bx{ display:block; width:100%;}
	.mov-list-hd .mov-bx #player{ width:100%; height:200px;}
	.mov-list-hd .mov-cmmt{ display:none; }
	.mov-list{ margin:20px 0 0 0; padding:15px 0 0 0;}
	.mov-list .inner{ margin:0 0 0 -3%;}
	.mov-list .item{ float:left; width:47%; margin:0 0 15px 3%;}
	.mov-list .item .subject{ margin:5px 0 0 0; font-size:14px;}

	.vision-ls{ position:relative; }
	.vision-ls .thum{ border:#ddd 1px solid;  text-align:center; padding:10px 0;}
	.vision-ls .thum img{ display:inline-block;}
	.vision-ls .txt{ position:relative; margin:30px 0 0 0; padding:0;}
	.vision-ls .txt>strong{ position:relative; display:block; width:100%; font-size:16px; padding:0 10px 15px; top:auto; left:auto; font-weight:normal; color:#333; text-align:center;}
	.vision-ls .txt>strong em{ color:#e71e24; font-weight:bold;}
	.vision-ls .txt>strong span{ display:inline-block;}
	.vision-ls .txt p{ font-size:14px; color:#333; margin:0 0 15px 0;}
}

@media (min-width:768px) and (max-width:992px) {	
	.intro-com .intro-tx{ padding:0;}
	.intro-com .intro-tx .txt1{ position:relative; top:auto; left:auto; width:100%; padding:0 40px; text-align:center; margin:0 0 60px 0;}
	.intro-com .thum{ margin:0 0 60px 0;}
	
	.intro-com2 .txt-01{ padding:0;}
	.intro-com2 .txt-02{ padding:0; z-index:2;}
	.intro-com2 .txt-03{ padding:0;}
	.intro-com2 .photo{ position:relative; top:auto; right:auto;}
	.intro-com2 .photo img{ margin:0 auto;}
	.intro-com2 .sign-tx{ position:relative; margin:40px 0 0 0; z-index:2;}
	
	.intro-com3 .thum1{ display:block; }
	.intro-com3 .thum1 .thum{ width:100%; display:block;}
	.intro-com3 .thum1 .thum img{ float:none; margin:0 auto;}
	.intro-com3 .thum1 .int-tx{ display:block; font-size:32px; padding:50px 0 0; text-align:center;}
	.intro-com3 .mission-lst .item{ width:100%; display:block; float:left; padding:0 50px 0 175px; min-height:150px; margin:40px 0 0 0;}
	.intro-com3 .mission-lst .thum1 {display: table;}
	.intro-com3 .mission-lst .thum1 .thum {width: 50%;display: table-cell;}
	.agency_wr .int-thum{ margin-bottom:20px; max-width:100%; width:100%; }
	.agency_wr .map{ width:100%; height:344px;}
	
	#contents .div-inner .intro_fin01 h3.h3-tit{ position:relative; margin:0 0 20px; padding:0 0 15px 0; border-bottom:#333 2px solid;}
	#contents .div-inner .intro_fin01 h3.h3-tit span{ position:absolute; bottom:15px; right:0; color:#747474; font-size:14px;}
	#contents .div-inner .intro_fin01:after{content:'';display:block;clear:both;height:0px; visibility:hidden;}
	#contents .div-inner .intro_fin01 .ghp{ padding:20px 0 0 0;}
	#contents .div-inner .intro_fin01 .ghp img.visible-tablet {display: inline-block;}
	#contents .div-inner .intro_fin01 .References {padding-top: 20px;font-size: 15px;}
	#contents .div-inner .intro_fin01>div{ padding-bottom:80px; width:100%; float:none;}
	#contents .div-inner .intro_fin01>div.m2,
	#contents .div-inner .intro_fin01>div.m4{ float:none;}
	#contents .div-inner .intro_fin01>p{ clear:both;}
	
	.intro-fin02-tx2{ position:relative; padding:0 200px 0 0;}
	.intro-fin02-tx2 span{ display:inlne-block;}
	.intro-fin02-tx2 em{ position:absolute; top:0; right:0; float:none; }

	.intro-tech .txt-bx{ margin:50px 0 0 0;}
	.intro-tech .txt-bx dt{ float:none; width:100%; }
	.intro-tech .txt-bx dt strong{ display:inline-block;}
	.intro-tech .txt-bx dd{ float:none; width:100%; margin:30px 0 0 0;}
	.intro-tech .txt-bx2 .col-sm-12{ margin:70px 0 0 0; float:none;}
	.intro-tech .txt-bx3{ margin:40px 0 0 0; padding:60px 70px 20px; text-align:center; background:#444 url(../../images/intro/tech_bg.gif) 50% 20px no-repeat; font-size:16px; color:#ebf0f3;}
	.intro-tech .txt-bx3 span{ display:inline;}
	
	.lab-row>div{ float:left;}
	.lab-row .labcol-1{ width:33.3%; padding:0 20px 0 0;}
	.lab-row .labcol-2{ width:33.3%; padding:0 0 0 20px;}
	.lab-row2{ position:relative; width:100%; min-height:300px;}
	.lab-row2:before{ display:none;}
	.lab-row2>dl{ position:relative; top:auto; width:100%; padding:0;}
	.lab-row2>dl dt{ position:relative; text-align:left; font-size:16px; color:#e71e24; margin:30px 0 10px; padding:0; height:auto;}
	.lab-row2>dl dt:before{ display:none;}
	.lab-row2>dl dd{ position:relative;  padding:0; }
	.lab-row2>dl dd:after{ display:none;}
	.lab-row2>dl dd:before{ display:none;}
	.lab-row2 .m1{ left:auto;}
	.lab-row2 .m2{ left:auto;}
	.lab-row2 .m3{ left:auto;}
	
	.thum-list{ margin:0 0 0 -2%; }
	.thum-list .thum-bx{ float:left; width:48%; margin:0 0 0 2%; padding:0 0 20px 0;}
	.thum-list .thum-bx:nth-child(3n+1){ clear:none; float:left;}
	.thum-list .thum-bx:nth-child(2n+1){ clear:both;}
	.thum-list .thum-bx .bx-controls a{ position:absolute; top:50%; margin:-25px 0 0 0; width:50px; height:50px; background:url(../../images/common/bg_rec.gif); text-indent:-9999px;}
	.thum-list .thum-bx .bx-controls a.bx-next{ right:0;}
	.thum-list .thum-bx .bx-controls a.bx-prev:after{ content:""; position:absolute; z-index:9; top:0; left:0; width:50px; height:50px; display:block; background:url(../../images/common/bt_prev.gif) 50% 50% no-repeat;}
	.thum-list .thum-bx .bx-controls a.bx-next:after{ content:""; position:absolute; z-index:9; top:0; left:0; width:50px; height:50px; display:block; background:url(../../images/common/bt_next.gif) 50% 50% no-repeat;}
	.thum-list .thum-bx .subject{ text-align:center; padding:15px 0; font-size:18px; color:#111;}
	
	.fac-wr{ margin-top:0;}
	#contents .div-inner .fac-wr .inner{ padding:0 0 40px 0; border-bottom:#ddd 1px solid; }
	#contents .div-inner .fac-wr .h4-tit{ position:relative; border-bottom:#ddd 1px solid; margin:0; padding:20px 30px;}
	#contents .div-inner .fac-wr .h4-tit:after{ content:""; position:absolute; top:50%; right:15px; margin-top:-7px; width:14px; height:14px; display:block; background:url(../../images/common/blt_plus.gif) 50% 50% no-repeat; background-size:14px 14px;}
	#contents .div-inner .fac-wr .h4-tit.active{ border-bottom:none;}
	#contents .div-inner .fac-wr .h4-tit.active:after{ background:url(../../images/common/blt_minus.gif) 50% 50% no-repeat; background-size:14px 2px;}

	.mov-list-hd{ background:#f5f5f5; display:block; width:100%; }
	.mov-list-hd .mov-bx{ display:block; width:100%;}
	.mov-list-hd .mov-bx #player{ width:100%; height:390px;}
	.mov-list-hd .mov-cmmt{ display:none; }
	.mov-list .inner{ margin:0 0 0 -3%;}
	.mov-list .item{ float:left; width:47%; margin:0 0 30px 3%;}

	.vision-ls{ position:relative; }
	.vision-ls .thum{ border:#ddd 1px solid;  text-align:center; padding:10px 0;}
	.vision-ls .thum img{ display:inline-block;}
	.vision-ls .txt{ position:relative; margin:50px 0 0 0; padding:0;}
	.vision-ls .txt>strong{ position:relative; display:block; width:100%; font-size:32px; padding:0 50px 50px; top:auto; left:auto; font-weight:normal; color:#333; text-align:center;}
	.vision-ls .txt>strong em{ color:#e71e24; font-weight:bold;}
	.vision-ls .txt>strong span{ display:inline-block;}
	.vision-ls .txt p{ font-size:22px; color:#333; margin:0 0 30px 0;}
}
@media (max-width: 650px) {
	#contents .div-inner .intro_fin01 .References {font-size: 2.414vw}
}
@media (max-width: 556px) {
	#contents .div-inner .intro_fin01 .References {font-size: 13px;line-height: 1.2em;}
	#contents .div-inner .intro_fin01 .References span {display: inline;}
}
/************************************************
	product
************************************************/
.product-hd{ position:relative; background:#f4f4f4; padding:0 500px 0 0; border-bottom:#ddd 1px solid;}
.product-hd:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.product-hd .item>.thum{ width:100%; background:#000; border-right:#ddd 1px solid; }
.product-hd .thum img{ width:100%; max-width:100%;}
.product-hd .thum-right{ position:absolute; right:0; top:0;  width:500px; background:#f4f4f4; }
.product-hd .thum-right>.thum{ width:100%; text-align:center;}
.product-hd .product-link{ padding:30px 60px; border-top:#dbdbdb 1px solid; height:212px;}
.product-hd .product-link a{ display:block; height:46px; line-height:46px; border:#dbdbdb 1px solid; background:#fff; color:#333; font-size:14px; padding:0 0 0 70px; }
.product-hd .product-link li{ position:relative;}
.product-hd .product-link li a:before{ position:absolute; left:0; top:0; content:""; display:block; width:50px; height:45px; border-right:#dbdbdb 1px solid;}
.product-hd .product-link li.m1 a:before{ background:url(../../images/product/icon_prosp1.png) 50% 50% no-repeat;}
.product-hd .product-link li.m2 a:before{ background:url(../../images/product/icon_prosp2.png) 50% 50% no-repeat;}
.product-hd .product-link li.m3 a:before{ background:url(../../images/product/icon_prosp3.png) 50% 50% no-repeat;}
.product-hd .product-link li a:after{ position:absolute; right:8px; top:0; content:""; display:block; width:44px; height:45px;}
.product-hd .product-link li.m1 a:after{ background:url(../../images/product/icon_arr1.png) 50% 50% no-repeat;}
.product-hd .product-link li.m2 a:after{ background:url(../../images/product/icon_arr2.png) 50% 50% no-repeat;}
.product-hd .product-link li.m3 a:after{ background:url(../../images/product/icon_arr2.png) 50% 50% no-repeat;}
.product-hd .product-link li+li{ margin-top:3px;}

.product-hd .bx-wrapper .bx-controls a{ position:absolute; top:50%; margin-top:-19px; width:20px; height:38px; display:block; text-indent:-9999px;}
.product-hd .bx-wrapper .bx-controls a.bx-prev{ left:10px; background:url(../../images/common/bt_prev.png) 50% 50% no-repeat;}
.product-hd .bx-wrapper .bx-controls a.bx-next{ right:10px; background:url(../../images/common/bt_next.png) 50% 50% no-repeat;}

.product-con{ padding:60px 50px;}
.product-con:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.product-con .con-left{  float:none;}
.product-con .con-right{margin-top:80px;}
.product-con .pro-bx01{ position:relative; padding:0;}
.product-con .pro-bx01+.pro-bx01{ margin-top:80px;}
.product-con .pro-bx01 h3{ font-size:30px; color:#111; margin:0 0 25px 0;}
.product-con .con-right h3{ font-size:30px; color:#111; margin:0 0 25px 0;}

.product-partner .tit-thum{ text-align:center; padding:0 0 80px;}
.product-partner .tit-thum img{ display:inline;}
.product-partner ul.ar-list{ margin:0 0 0 -28px;}
.product-partner ul.ar-list:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.product-partner ul.ar-list li{ float:left; width:160px; margin:0 0 28px 28px; line-height:70px; text-align:center; font-size:15px; color:#333; border:#e0e0e0 1px solid; box-shadow:#f2f2f2 2px 2px 0px;}

.ar-select{ display:none;}

.product-partner .ar-tab{ position:relative; width:940px; height:448px; margin:0 auto 80px; background:url(../../images/product/partnerList_img01.gif) 0 0 no-repeat;}
.product-partner .ar-tab.ar-img1{ background:url(../../images/product/partnerList_img01.gif) 0 0 no-repeat;}
.product-partner .ar-tab.ar-img2{ background:url(../../images/product/partnerList_img02.gif) 0 0 no-repeat;}
.product-partner .ar-tab.ar-img3{ background:url(../../images/product/partnerList_img03.gif) 0 0 no-repeat;}
.product-partner .ar-tab.ar-img4{ background:url(../../images/product/partnerList_img04.gif) 0 0 no-repeat;}
.product-partner .ar-tab li{ position:absolute; }
.product-partner .ar-tab li.ar1{ top:0; left:0;}
.product-partner .ar-tab li.ar2{ top:0; left:422px;}
.product-partner .ar-tab li.ar3{ top:156px; left:446px;}
.product-partner .ar-tab li.ar4{ top:108px; left:616px;}
.product-partner .ar-tab li a{ display:block;}
.product-partner .ar-tab li.ar1 a{ width:410px; height:260px;}
.product-partner .ar-tab li.ar2 a{ width:194px; height:154px;}
.product-partner .ar-tab li.ar3 a{ width:170px; height:80px;}
.product-partner .ar-tab li.ar4 a{ width:140px; height:80px;}
.product-partner .ar-tab li a span{ position:absolute; top:-9999px; left:-9999px;}

.goods-main h3{ font-size:32px; color:#111; margin:50px 0 35px; }
.goods-main h3:first-child{ margin-top:0;}
.goods-main .goods-lst{ margin:0 0 0 -2%; overflow:hidden;}
.goods-main .goods-lst:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.goods-main .goods-lst .item{ width:23%; margin:0 0 35px 2%; float:left;}
.goods-main .goods-lst .item:nth-child(4n+1){ clear:both;}
.goods-main .goods-lst .item .thum img{ border:#e7e7e7 1px solid;}
.goods-main .goods-lst .item .subject{ display:block; padding:10px 0; font-size:14px; color:#747474;}

@media (max-width:767px) {	
	
	.product-partner .tit-thum{ text-align:center; padding:0 0 40px;}
	.product-partner ul.ar-list{ margin:0 0 0 -3%;}
	.product-partner ul.ar-list li{ float:left; width:47%; margin:0 0 3% 3%; line-height:60px; text-align:center; font-size:15px; color:#333; border:#e0e0e0 1px solid; box-shadow:#f2f2f2 2px 2px 0px;}

	.ar-select{ position:relative; width:100%; margin:0 0 18px 0; height:40px; z-index:999; display:block;}	
	.ar-select:after{display:none;;}
	.ar-select .brna2{ display:block; text-align:left; width:100%; height:40px; line-height:40px; border:#ddd 1px solid; background:#fff; margin:0;  padding:0 0 0 10px; color:#333; font-size:14px; cursor:pointer;}
	.ar-select .brna2:after{ font-family:"FontAwesome"; content:"\f107"; position:absolute; right:10px; font-size:24px; font-weight:700; top:50%; line-height:1; margin-top:-12px; color:#333; }
	.ar-select ul{ position: absolute; top:40px; left:0; width:100%;  border:#e5e5e5 1px solid; display:none;}
	.ar-select ul li{  float:none; width:100%;}
	.ar-select ul li a{ display:block; text-align:left; height:30px; line-height:30px; border:none; background:#fff; margin:0;  padding:0 15px; font-size:13px;}
	.ar-select ul li.active a{ text-align:left; height:30px; line-height:30px; border:none; background:#fff; margin:0;  padding:0 15px;  font-size:13px;}
	
	.product-partner .ar-tab{ position:relative; width:300px; height:149px; margin:0 auto 20px; background:url(../../images/product/partnerList_img01_mobile.gif) 0 0 no-repeat; background-size:300px 149px;}
	.product-partner .ar-tab.ar-img1{ background:url(../../images/product/partnerList_img01_mobile.gif) 0 0 no-repeat; background-size:300px 149px;}
	.product-partner .ar-tab.ar-img2{ background:url(../../images/product/partnerList_img02_mobile.gif) 0 0 no-repeat; background-size:300px 149px;}
	.product-partner .ar-tab.ar-img3{ background:url(../../images/product/partnerList_img03_mobile.gif) 0 0 no-repeat; background-size:300px 149px;}
	.product-partner .ar-tab.ar-img4{ background:url(../../images/product/partnerList_img04_mobile.gif) 0 0 no-repeat; background-size:300px 149px;}
	.product-partner .ar-tab li{ position:absolute; }
	.product-partner .ar-tab li.ar1{ top:0; left:0;}
	.product-partner .ar-tab li.ar2{ top:10px; left:130px;}
	.product-partner .ar-tab li.ar3{ top:50px; left:127px;}
	.product-partner .ar-tab li.ar4{ top:16px; left:195px;}
	.product-partner .ar-tab li a{ display:block;}
	.product-partner .ar-tab li.ar1 a{ width:120px; height:68px;}
	.product-partner .ar-tab li.ar2 a{ width:70px; height:40px;}
	.product-partner .ar-tab li.ar3 a{ width:80px; height:37px;}
	.product-partner .ar-tab li.ar4 a{ width:72px; height:50px;}
	.product-partner .ar-tab li a span{ position:absolute; top:-9999px; left:-9999px;}

	.product-hd{ padding:0}
	.product-hd .goods-slide{ border-bottom:#ddd 1px solid;}
	.product-hd>.thum{ width:100%;}
	.product-hd .item{ border-bottom:#ddd 1px solid;}
	.product-hd .thum-right{ position:relative; right:auto; top:auto;  width:100%; border-bottom:#dbdbdb 1px solid; }
	.product-hd .thum-right:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.product-hd .thum-right>.thum{ width:100%; float:none; background:#fff;}
	.product-hd .thum-right>.thum img{ display:inline;}
	.product-hd .product-link{ width:100%; float:none; padding:2% 15px; border-top:#dbdbdb 1px solid;  height:auto;}
	.product-hd .product-link a{ display:block; height:42px; line-height:42px; border:#dbdbdb 1px solid; background:#fff; color:#333; font-size:14px; padding:0 0 0 70px; }
	.product-hd .product-link li a:before{ height:41px; }
	.product-hd .product-link li+li{ margin-top:2px;}
	
	.product-con{ padding:20px 15px;}
	.product-con .con-left{ width:100%; float:none;}
	.product-con .pro-bx01{ position:relative; padding:0;}
	.product-con .pro-bx01+.pro-bx01,
	.product-con .con-right{ margin-top:25px;}
	.product-con .pro-bx01 h3{ position:relative; top:auto; left:auto; font-size:16px; color:#111; margin:0 0 15px 0;  }
	.product-con .con-right h3{  font-size:16px;}

	.goods-main h3{ font-size:16px; color:#111; margin:20px 0 10px; }
	.goods-main .goods-lst{ margin:0 0 0 -4%; overflow:hidden;}
	.goods-main .goods-lst:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.goods-main .goods-lst .item{ width:46%; margin:0 0 10px 4%; float:left;}
	.goods-main .goods-lst .item:nth-child(2n+1){ clear:both;}
	.goods-main .goods-lst .item .thum img{ border:#e7e7e7 1px solid;}
	.goods-main .goods-lst .item .subject{ display:block; padding:10px 0; font-size:11px; color:#747474;}
}

@media (min-width:768px) and (max-width:992px) {			
	
	.product-partner .tit-thum{ text-align:center; padding:0 0 40px;}
	.product-partner ul.ar-list{ margin:0 0 0 -3%;}
	.product-partner ul.ar-list li{ float:left; width:22%; margin:0 0 3% 3%; line-height:60px; text-align:center; font-size:15px; color:#333; border:#e0e0e0 1px solid; box-shadow:#f2f2f2 2px 2px 0px;}

	.ar-select{ display:none;}

	.product-partner .ar-tab{ position:relative; width:720px; height:343px; margin:0 auto 40px; background:url(../../images/product/partnerList_img01.gif) 0 0 no-repeat; background-size:720px 343px;}
	.product-partner .ar-tab.ar-img1{ background:url(../../images/product/partnerList_img01.gif) 0 0 no-repeat; background-size:720px 343px;}
	.product-partner .ar-tab.ar-img2{ background:url(../../images/product/partnerList_img02.gif) 0 0 no-repeat; background-size:720px 343px;}
	.product-partner .ar-tab.ar-img3{ background:url(../../images/product/partnerList_img03.gif) 0 0 no-repeat; background-size:720px 343px;}
	.product-partner .ar-tab.ar-img4{ background:url(../../images/product/partnerList_img04.gif) 0 0 no-repeat; background-size:720px 343px;}
	.product-partner .ar-tab li{ position:absolute; }
	.product-partner .ar-tab li.ar1{ top:0; left:0;}
	.product-partner .ar-tab li.ar2{ top:44px; left:340px;}
	.product-partner .ar-tab li.ar3{ top:120px; left:350px;}
	.product-partner .ar-tab li.ar4{ top:77px; left:475px;}
	.product-partner .ar-tab li a{ display:block;}
	.product-partner .ar-tab li.ar1 a{ width:300px; height:168px;}
	.product-partner .ar-tab li.ar2 a{ width:134px; height:76px;}
	.product-partner .ar-tab li.ar3 a{ width:110px; height:60px;}
	.product-partner .ar-tab li.ar4 a{ width:110px; height:80px;}
	.product-partner .ar-tab li a span{ position:absolute; top:-9999px; left:-9999px;}
	
	.product-hd{ padding:0;}
	.product-hd .goods-slide{ border-bottom:#ddd 1px solid;}
	.product-hd>.thum{ width:100%;}
	.product-hd .item{ border-bottom:#ddd 1px solid;}
	.product-hd .thum-right{ position:relative; right:auto; top:auto;  width:100%; border-bottom:#dbdbdb 1px solid; }
	.product-hd .thum-right:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.product-hd .thum-right>.thum{ width:50%; float:left;}
	.product-hd .product-link{ width:50%; float:left; padding:2% 3%; border:none; height:auto;}
	.product-hd .product-link a{ display:block; height:42px; line-height:42px; border:#dbdbdb 1px solid; background:#fff; color:#333; font-size:14px; padding:0 0 0 70px; }
	.product-hd .product-link li a:before{ height:41px; }
	.product-hd .product-link li+li{ margin-top:2px;}
	
	.product-con{ padding:30px;}
	.product-con .con-left{ width:100%; float:none;}
	.product-con .pro-bx01{ position:relative; padding:0;}
	.product-con .pro-bx01+.pro-bx01,
	.product-con .con-right{ margin-top:50px;}
	.product-con .pro-bx01 h3{ position:relative; top:auto; left:auto; font-size:30px; color:#111; margin:0 0 15px 0; }

	.product-partner .tit-thum{ text-align:center; padding:0 0 40px;}
	.product-partner ul{ margin:0 0 0 -3%;}
	.product-partner ul li{ float:left; width:22%; margin:0 0 3% 3%; line-height:60px; text-align:center; font-size:15px; color:#333; border:#e0e0e0 1px solid; box-shadow:#f2f2f2 2px 2px 0px;}

	.goods-main h3{ font-size:32px; color:#111; margin:50px 0 35px; }
	.goods-main .goods-lst{ margin:0 0 0 -4%; overflow:hidden;}
	.goods-main .goods-lst:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.goods-main .goods-lst .item{ width:46%; margin:0 0 35px 4%; float:left;}
	.goods-main .goods-lst .item:nth-child(2n+1){ clear:both;}
	.goods-main .goods-lst .item .thum img{ border:#e7e7e7 1px solid;}
	.goods-main .goods-lst .item .subject{ display:block; padding:10px 0; font-size:14px; color:#747474;}
}

/************************************************
	social
************************************************/
.contribute-bx{ margin:0;}
.contribute-bx .intro-tx{ font-size:30px; color:#111; margin:0 0 10px 0;}
.contribute-bx p{ text-align:center; }
.contribute-bx .thum{ margin:30px 0 0 0;}
.contribute-bx .thum img{ margin:0 auto;}

.monitor-bx>div{ padding:40px 0 40px 312px;}
.monitor-bx>div h3.h3-tit{ margin-top:0 !important;}
.monitor-bx>div h3.h3-tit span{ color:#e71e24;}
.monitor-bx>div .sub-tit{ font-size:20px; color:#333;}
.monitor-bx>div .inner{ margin:0 0 10px 0;}
.monitor-bx>div.m1{ padding-top:0; background:url(../../images/social/monitor_icon1.gif) 0 0 no-repeat;}
.monitor-bx>div.m2{ background:url(../../images/social/monitor_icon2.gif) 0 40px no-repeat;}
.monitor-bx>div.m3{ background:url(../../images/social/monitor_icon3.gif) 0 40px no-repeat;}
.monitor-bx>div>ul{ margin:40px 0 0 0; border:#ddd 1px solid; padding:25px;}
.monitor-bx>div>ul>li{ position:relative; padding:0 0 0 110px;}
.monitor-bx>div>ul>li span{ position:absolute; top:0; left:0;  width:100px; display:inline-block; color:#111; background:url(../../images/common/blt_var.gif) 100% 50% no-repeat;}
.monitor-bx>div>ul>li+li{ margin-top:20px;}

.sinmungo-bx{ margin:60px 0 0 0;}
.sinmungo-bx .intro-tx{ border-bottom:#ddd 1px solid; padding:0 0 40px 0;}
.sinmungo-bx .intro-tx strong{ display:block; font-size:18px; margin:0 0 15px 0;}
.sinmungo-bx .ul-list02 li{ float:left; padding-right:10px;}
.sinmungo-bx .ul-list02 li:first-child,
.sinmungo-bx .ul-list02 li:nth-child(3n+1){ width:35%;}
.sinmungo-bx .ul-list02 li:nth-child(2),
.sinmungo-bx .ul-list02 li:nth-child(3n+2){ width:35%;}
.sinmungo-bx .ul-list02 li:nth-child(3),
.sinmungo-bx .ul-list02 li:nth-child(3n+3){ width:30%;}
.sinmungo-bx .h4-tit2.cRed{ margin-top:70px !important;}
.sinmungo-gud:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.sinmungo-gud li{ position:relative; float:left; width:33.3%; padding:0 2% 0; text-align:center;}
.sinmungo-gud li:after{ content:""; position:absolute; top:0; left:0; height:250px; width:1px; background:#ddd; }
.sinmungo-gud li:first-child:after{ display:none;}
.sinmungo-gud li h5{ font-size:18px; color:#333; padding:10px 0;}
.sinmungo-gud li span{ display:inline-block;}
.sinmungo-gud li .thum img{ margin:0 auto;}

.sinmungo2-lst{ margin:40px 0;}
.sinmungo2-lst:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.sinmungo2-lst li{ float:left; width:33.3%;}
.sinmungo2-lst li .thum img{ margin:0 auto;}
.sinmungo2-lst li h5{ text-align:center; font-size:18px; color:#333; margin:15px 0;}
.sinmungo2-lst li .txt{ text-align:center; padding:0 40px;}

.grow-wr .intro-tx .txt01{ font-size:26px; color:#444; text-align:center;}
.grow-wr .intro-tx .txt01 strong{ display:inline-block;}
.grow-wr .intro-tx .txt02{ text-align:center; padding:0 300px; margin:10px 0 0 0;}
.grow-wr .intro-tx .txt02 span{ display:inline-block; text-align:center;}
.grow-wr .intro-tx .thum{ margin:60px 0 0 0;}
.grow-wr .intro-tx .thum img{ margin:0 auto;}
.grow-wr .grow-lst01{ margin:30px 0 0 0;}
.grow-wr .grow-lst01:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.grow-wr .grow-lst01>li{ float:left; width:33.3%;}
.grow-wr .grow-lst01>li p.thum img{ margin:0 auto; }
.grow-wr .grow-lst01>li h4{ color:#333; font-size:20px; text-align:center; margin:10px 0;}
.grow-wr .grow-lst01>li ul li{ text-align:center;}
.grow-wr .grow-lst01>li ul li:before{ content:""; width:5px; height:1px; background:#747474;  margin:0 5px 0 0; vertical-align:middle; display:inline-block; }

.manag-wr .thum{ margin:40px 0 0 0;}
.manag-wr .thum img{ margin:0 auto;}

@media (max-width:767px) {
	.contribute-bx .intro-tx{ font-size:18px; color:#111; margin:0 0 5px 0;} 
	.contribute-bx p{ text-align:left; }

	.monitor-bx>div{ padding:35px 0 0 0;}
	.monitor-bx>div h3.h3-tit{ font-size:16px; margin-bottom:0 !important;}
	.monitor-bx>div h3.h3-tit span{ display:none;}
	.monitor-bx>div .sub-tit{ font-size:12px; margin-top:10px;}
	.monitor-bx>div.m1{ padding-top:0; background:url(../../images/social/monitor_icon1.gif) 0 0 no-repeat; background-size:85px 85px;}
	.monitor-bx>div.m2{ background:url(../../images/social/monitor_icon2.gif) 0 40px no-repeat; background-size:85px 85px;}
	.monitor-bx>div.m3{ background:url(../../images/social/monitor_icon3.gif) 0 40px no-repeat; background-size:85px 85px;}
	.monitor-bx>div .inner{ margin:0 0 10px 0; height:85px; padding:20px 0 0 105px;}
	.monitor-bx>div.m3 .inner{ padding:30px 0 0 105px;}
	.monitor-bx>div>ul{ margin:20px 0 0 0; padding:12px;}
	.monitor-bx>div>ul>li{ position:relative; padding:0 0 0 56px;}
	.monitor-bx>div>ul>li span{ position:absolute; top:0; left:0;  width:50px; display:inline-block; color:#111; background:none;}
	.monitor-bx>div>ul>li+li{ margin-top:10px;}

	.sinmungo-bx .ul-list01 li:first-child,
	.sinmungo-bx .ul-list01 li:nth-child(3n+1){ width:100%;}
	.sinmungo-bx .ul-list01 li:nth-child(2),
	.sinmungo-bx .ul-list01 li:nth-child(3n+2){ width:100%;}
	.sinmungo-bx .ul-list01 li:nth-child(3),
	.sinmungo-bx .ul-list01 li:nth-child(3n+3){ width:100%;}
	.sinmungo-bx .h4-tit2.cRed{ margin-top:30px !important; padding-top:30px; border-top:#ddd 1px solid;}
	.sinmungo-gud:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.sinmungo-gud li{ position:relative; float:left; width:100%; min-height:90px; padding:0 2% 0 100px; text-align:left; font-size:12px;}
	.sinmungo-gud li.m1{ padding-top:0;}
	.sinmungo-gud li.m2{ padding-top:35px; border-top:#ddd 1px solid; margin-top:15px;}
	.sinmungo-gud li.m3{ padding-top:35px; border-top:#ddd 1px solid; margin-top:15px;}
	.sinmungo-gud li:after{ display:none;}
	.sinmungo-gud li h5{ font-size:14px; color:#333; padding:0 0 10px;}
	.sinmungo-gud li span{ display:inline-block;}
	.sinmungo-gud li .thum{ position:absolute; width:90px; top:0; left:0;}
	.sinmungo-gud li.m2 .thum{ top:15px;}
	.sinmungo-gud li.m3 .thum{ top:15px;}
	.sinmungo-gud li .thum img{ margin:0 auto;}
	.sinmungo-gud li.m3 .btn-box{ text-align:left; margin-top:0;}

	.sinmungo2-lst{ margin:20px 0;}
	.sinmungo2-lst li{ float:none; width:100%;}
	.sinmungo2-lst li+li{ margin-top:20px;}
	.sinmungo2-lst li:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.sinmungo2-lst li .thum{ float:left; width:30%;}
	.sinmungo2-lst li .thum img{ margin:0 auto;}
	.sinmungo2-lst li .inner{ float:left; width:70%; padding:0 0 0 14px;}
	.sinmungo2-lst li h5{ font-size:14px; margin:0 0 10px; text-align:left; }
	.sinmungo2-lst li .txt{ text-align:left; padding:0;}

	.grow-wr .intro-tx .txt01{ font-size:16px; color:#444; text-align:center; letter-spacing:-0.1em;}
	.grow-wr .intro-tx .txt02{ padding:0;}
	.grow-wr .intro-tx .thum{ margin:20px 0 0 0;}
	.grow-wr .grow-lst01{ margin:20px 0 0 0;}
	.grow-wr .grow-lst01>li{ float:none; width:100%;}
	.grow-wr .grow-lst01>li+li{ margin-top:20px;}
	.grow-wr .grow-lst01>li:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.grow-wr .grow-lst01>li p.thum{ float:left; width:25%;}
	.grow-wr .grow-lst01>li p.thum img{ margin:0 auto; }
	.grow-wr .grow-lst01>li .inner{ float:left; width:75%; padding:0 0 0 14px;}
	.grow-wr .grow-lst01>li h4{ font-size:14px; text-align:left; margin:0 0 10px;}
	.grow-wr .grow-lst01>li ul li{ text-align:left;}
}

@media (min-width:768px) and (max-width:992px) {
	.contribute-bx .intro-tx2{ padding:0 50px;}
	.contribute-bx .intro-tx2 span{ display:inline-block;}

	.monitor-bx>div{ padding:50px 0 30px 0;}
	.monitor-bx>div h3.h3-tit{ margin-bottom:0 !important;}
	.monitor-bx>div.m1{ padding-top:0; background:url(../../images/social/monitor_icon1.gif) 0 0 no-repeat; background-size:176px 176px;}
	.monitor-bx>div.m2{ background:url(../../images/social/monitor_icon2.gif) 0 40px no-repeat; background-size:176px 176px;}
	.monitor-bx>div.m3{ background:url(../../images/social/monitor_icon3.gif) 0 40px no-repeat; background-size:176px 176px;}
	.monitor-bx>div .inner{ margin:0 0 10px 0; height:190px; padding:40px 0 0 216px;}
	.monitor-bx>div.m3 .inner{ padding:50px 0 0 216px;}

	.sinmungo-bx .ul-list01 li:first-child,
	.sinmungo-bx .ul-list01 li:nth-child(3n+1){ width:50%;}
	.sinmungo-bx .ul-list01 li:nth-child(2),
	.sinmungo-bx .ul-list01 li:nth-child(3n+2){ width:50%;}
	.sinmungo-bx .ul-list01 li:nth-child(3),
	.sinmungo-bx .ul-list01 li:nth-child(3n+3){ width:50%;}
	.sinmungo-bx .h4-tit2.cRed{ margin-top:30px !important; padding-top:30px; border-top:#ddd 1px solid;}

	.sinmungo2-lst li{ float:left; width:33.3%; padding:0 20px;}
	.sinmungo2-lst li .txt{ text-align:center; padding:0;}

	.grow-wr .intro-tx .txt02{ padding:0 100px;}
}

@media (min-width:993px) and (max-width:1200px) { 
}

/************************************************
	recruit
************************************************/
.recruit-people .intro-tx{ font-size:30px; text-align:center; padding:0 100px; color:#444;}
.recruit-people .intro-tx span{ display:inline-block;}
.recruit-people .intro-tx strong{ display:block;}
.recruit-people .people-bx{ position:relative; margin:40px 0 0 0;}

.relu-bx{ position:relative; margin:40px 0; padding:0;}
.relu-bx img{ margin:0 auto;}
.relu-bx .relu-bx-mobile{ display:none;}
.relu-bx2{  padding:0 50px; }
.relu-bx2 .inner{ border:#b2b2b2 1px solid; display:table; width:100%;}
.relu-bx2 .inner:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.relu-bx2 .item{ width:25%; padding:45px 0 20px; display:table-cell;}
.relu-bx2 .item+.item{ border-left:#ddd 1px solid;}
.relu-bx2 .item h4{ text-align:center; padding:70px 0 20px; color:#111; font-size:18px;}
.relu-bx2 .item.m1 h4{ background:url(../../images/recruit/rule_icon1.gif) 50% 0 no-repeat;}
.relu-bx2 .item.m2 h4{ background:url(../../images/recruit/rule_icon2.gif) 50% 0 no-repeat;}
.relu-bx2 .item.m3 h4{ background:url(../../images/recruit/rule_icon3.gif) 50% 0 no-repeat;}
.relu-bx2 .item.m4 h4{ background:url(../../images/recruit/rule_icon4.gif) 50% 0 no-repeat;}
.relu-bx2 .item ul{ margin:0 0 0 50px;}
.relu-bx2 .item.m3 ul,
.relu-bx2 .item.m4 ul{ margin:0 0 0 20px;}
.relu-bx2 .item ul li{ text-indent:-13px; padding:0 0 0 13px;}
.relu-bx2 .item ul li:before{ content:""; width:4px; height:4px; display:inline-block; margin:0 8px 0 0; vertical-align:middle; background:#c8c8c8; border-radius:50%; }
.relu-bx3{ margin:40px 0 0 0; text-align:center; padding:0 50px;}
.relu-bx3 img{ margin:0 auto;}
.relu-bx4{ margin:40px 0 0; padding:0 0 50px 0;}
.relu-bx4 ul:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.relu-bx4 li{ position:relative; width:25%; text-align:center; float:left; padding:170px 0 0 0;}
.relu-bx4 li:after{ content:""; position:absolute; top:0; left:50%; margin:0 0 0 -75px; width:150px; height:150px; border-radius:50%;}
.relu-bx4 li:before{ content:""; position:absolute; top:68px; left:0; margin:0 0 0 -8px; width:15px; height:25px; background:url(../../images/common/blt_arr3.png) 50% 50% no-repeat;}
.relu-bx4 li.m1:before{ display:none;}
.relu-bx4 li.m1:after{  background:#f5f5f5 url(../../images/recruit/rule3_icon1.png) 50% 50% no-repeat;}
.relu-bx4 li.m2:after{  background:#f5f5f5 url(../../images/recruit/rule3_icon2.png) 50% 50% no-repeat;}
.relu-bx4 li.m3:after{  background:#f5f5f5 url(../../images/recruit/rule3_icon3.png) 50% 50% no-repeat;}
.relu-bx4 li.m4:after{  background:#f5f5f5 url(../../images/recruit/rule3_icon4.png) 50% 50% no-repeat;}
.relu-bx4 li strong{ display:block; font-size:18px; color:#111; font-weight:normal;}

.relu-bx-tbl{ border-top:#07190f 2px solid; width:99.9%; margin:0 auto; border-right:#dedede 1px solid;}
.relu-bx-tbl:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.relu-bx-tbl dl{ border-left:#dedede 1px solid; border-bottom:#dedede 1px solid; float:left; width:33.3%;}
.relu-bx-tbl dl dt{ background:#f5f5f5; text-align:center; line-height:50px; color:#111; font-size:16px;}
.relu-bx-tbl dd{ padding:30px 0 30px 50px;}
.relu-bx-tbl dl:nth-child(1) dd,
.relu-bx-tbl dl:nth-child(2) dd,
.relu-bx-tbl dl:nth-child(3) dd{ height:220px; }
.relu-bx-tbl dl:nth-child(4) dd,
.relu-bx-tbl dl:nth-child(5) dd,
.relu-bx-tbl dl:nth-child(6) dd{ height:280px;}
.ie8 .relu-bx-tbl dl.m1 dd,
.ie8 .relu-bx-tbl dl.m2 dd,
.ie8 .relu-bx-tbl dl.m3 dd{ height:220px; }
.ie8 .relu-bx-tbl dl.m4 dd,
.ie8 .relu-bx-tbl dl.m5 dd,
.ie8 .relu-bx-tbl dl.m6 dd{ height:280px; }

#contents .div-bene {padding: 35px 100px;}
.benefit-bx:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.benefit-bx .item{ position:relative; float:left; margin:0; width:50%; padding:45px 0 80px 10%;}
.benefit-bx .item1,.benefit-bx .item2 {border-bottom: 2px dotted #a6a6a6;}
.benefit-bx .item1,.benefit-bx .item3 {border-right:  2px dotted #a6a6a6;}
.benefit-bx .item2,.benefit-bx .item4 {padding-left: 12%;}
.benefit-bx .item3,.benefit-bx .item4 {padding-top:  80px;padding-bottom: 45px;}
.benefit-bx .item4 {padding-top: 75px;}
.benefit-bx .item_inner {display: inline-block;text-align: left;}
.benefit-bx .item h3 {display: inline-block;padding-left: 43px;margin-bottom: 44px;color: #099268;letter-spacing: 0.04em;font-size: 24px;font-weight: 700;line-height: 1em;text-align: left;}
.benefit-bx .item4 h3 {margin-bottom: 39px;text-align: center;}
.benefit-bx .item4 h3 span{display: block;padding-top: 6px;font-size: 14px;line-height: 1em;letter-spacing: 0.04em;;} 
.benefit-bx .item2 h3 {color: #1971c2;}
.benefit-bx .item3 h3 {color: #e03131;}
.benefit-bx .item4 h3 {color: #66a80f;}
.benefit-bx .item li {margin-bottom: 30px;text-align: left;color: #474747;font-size: 0;font-weight: 500 ;}
.benefit-bx .item li:last-child {margin-bottom: 0;}
.benefit-bx .item li img {display: inline-block;margin-right: 12px;vertical-align: middle;}
.benefit-bx .item li span {display: inline-block;letter-spacing: 0.03em;font-size: 14px;line-height: 1em;vertical-align: middle;}
.benefit-bx .item li i {font-size: 12px;}
.benefit-bx .item3 li i {display: block;}
.benefit-bx .item li i.line_com {display: block;font-size: 14px;}
.benefit-bx .item3 li i.line_com {display: inline-block;}
.recruit-process{ margin:40px 0 0 0; border-top:#444 2px solid; border-bottom:#444 2px solid;}
.recruit-process .item{ position:relative; display:table; width:100%; padding:20px;}
.recruit-process .item+.item{ border-top:#ddd 1px solid;}
.recruit-process .item .thum{ display:table-cell; text-align:left; width:240px;}
.recruit-process .item .inner{ display:table-cell;  text-align:left; vertical-align:top;}
.recruit-process .item .inner h3{ font-size:26px; margin:20px 0 10px 0; color:#111;}
.recruit-process .item .inner ul{ margin:0 0 0 0; text-align:left;}
.recruit-process .item .inner ul li{ text-indent:-13px; padding:0 0 0 13px;}
.recruit-process .item .inner ul li:before{ content:""; width:5px; height:1px; display:inline-block; margin:0 8px 0 0; vertical-align:middle; background:#747474; }
@media (max-width: 1200px) {

	#contents .div-bene {padding: 30px;}
	.benefit-bx .item ,.benefit-bx .item2, .benefit-bx .item4{padding-left: 9%;}
}
@media (max-width: 840px) {

	.benefit-bx .item ,.benefit-bx .item2, .benefit-bx .item4{padding-left: 6%;}
	.benefit-bx .item li i.line_com ,.benefit-bx .item li i{display: block;	}
	.benefit-bx .item3 li i.line_com {display: inline-block;}
}
@media (max-width:767px) {
	.recruit-people .intro-tx{ font-size:18px; text-align:center; padding:0 20px; color:#444;}
	
	.relu-bx{ margin:40px 0; padding:0;}
	.relu-bx>dl{ display:none;}
	.relu-bx .relu-bx-mobile{ display:block;}
	.relu-bx .relu-bx-mobile ul{ margin:30px 0 0 0;}
	.relu-bx .relu-bx-mobile ul li{ color:#747474;}
	.relu-bx .relu-bx-mobile ul li+li{ margin:20px 0 0 0;}
	.relu-bx .relu-bx-mobile ul li strong{ display:block; color:#111; font-size:16px; font-weight:normal; margin:0 0 5px 0;}	
	.relu-bx2{ padding:0; }
	.relu-bx2 .inner{ border:#b2b2b2 1px solid; display:block; width:100%;}
	.relu-bx2 .inner:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.relu-bx2 .item{ width:50%; padding:20px 0 20px; display:block; float:left;}
	.relu-bx2 .item+.item{ border-left:#ddd 1px solid;}
	.relu-bx2 .item.m3{ border-left:none;}
	.relu-bx2 .item.m3,
	.relu-bx2 .item.m4{ border-top:#ddd 1px solid;}
	.relu-bx2 .item ul{ margin:0 5%;}
	.relu-bx2 .item.m3 ul,
	.relu-bx2 .item.m4 ul{ margin:0 5%;}
	.relu-bx3{ margin:40px 0 0 0; text-align:center; padding:0;}
	.relu-bx4{ margin:20px 2% 0; padding:0 0 50px 0;}
	.relu-bx4 ul:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.relu-bx4 li{ position:relative; width:50%; text-align:center; float:left; padding:110px 0 50px 0; font-size:12px;}
	.relu-bx4 li:after{ content:""; position:absolute; top:0; left:50%; margin:0 0 0 -50px; width:100px; height:100px; border-radius:50%;}
	.relu-bx4 li.m1:after{  background:#f5f5f5 url(../../images/recruit/rule3_icon1.png) 50% 50% no-repeat; background-size:50px 50px;}
	.relu-bx4 li.m2:after{  background:#f5f5f5 url(../../images/recruit/rule3_icon2.png) 50% 50% no-repeat; background-size:50px 50px;}
	.relu-bx4 li.m3:after{  background:#f5f5f5 url(../../images/recruit/rule3_icon3.png) 50% 50% no-repeat; background-size:50px 50px;}
	.relu-bx4 li.m4:after{  background:#f5f5f5 url(../../images/recruit/rule3_icon4.png) 50% 50% no-repeat; background-size:50px 50px;}
	.relu-bx4 li:before{ content:""; position:absolute; top:40px; left:0; margin:0 0 0 -8px; width:15px; height:25px; background:url(../../images/common/blt_arr3.png) 50% 50% no-repeat;}
	.relu-bx4 li.m1:before{ display:none;}
	.relu-bx4 li.m3{ float:right;}
	.relu-bx4 li.m4:before{ content:""; position:absolute; top:40px; left:auto; right:0; margin:0 -8px 0 0; width:15px; height:25px; background:url(../../images/common/blt_arr3_prev.png) 50% 50% no-repeat;}
	.relu-bx4 li.m3:before{ content:""; position:absolute; top:0; left:50%; margin:-30px 0 0 -12px; width:25px; height:15px; background:url(../../images/common/blt_arr3_down.png) 50% 50% no-repeat;}
	.relu-bx4 li strong{ font-size:16px;}

	.relu-bx-tbl{ border-top:#07190f 2px solid; width:100%; margin:0 auto; border-right:#dedede 1px solid;}
	.relu-bx-tbl:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.relu-bx-tbl dl{ border-left:#dedede 1px solid; border-bottom:#dedede 1px solid; float:left; width:50%;}
	.relu-bx-tbl dl dt{ background:#f5f5f5; text-align:center; line-height:50px; color:#111; font-size:16px;}
	.relu-bx-tbl dd{ padding:30px 0 30px 10px; white-space:normal; word-break:break-all;}
	.relu-bx-tbl dl:nth-child(1) dd,
	.relu-bx-tbl dl:nth-child(2) dd{ height:220px;}
	.relu-bx-tbl dl:nth-child(3) dd,
	.relu-bx-tbl dl:nth-child(4) dd{ height:260px;}
	.relu-bx-tbl dl:nth-child(5) dd,
	.relu-bx-tbl dl:nth-child(6) dd{ height:360px;}
	.relu-bx-tbl dl:nth-child(5) dt{ height:50px; line-height:50px;}
	.relu-bx-tbl dl:nth-child(6) dt{ height:50px; line-height:1.1em; padding:5px 0 0 0;}

	
	#contents .div-bene {padding: 20px 15px;}
	.benefit-bx .item {padding: 10px 5% 30px;}
	.benefit-bx .item_inner {display: block;}
	.benefit-bx .item3, .benefit-bx .item4 {padding: 30px 0 10px;padding-left: 5%;}
	.benefit-bx .item h3 {display: block;margin-bottom: 25px;padding-left: 0;font-size: 20px;text-align: center;}
	.benefit-bx .item li {margin-bottom: 18px;}
	.benefit-bx .item li img {width: 30px;margin-right: 10px;}
	.benefit-bx .item li span {font-size: 12px;}
	.benefit-bx .item li i {display: block;font-size: 10px;}
	.benefit-bx .item1 li i {font-size: 12px;}
	.benefit-bx .item li i.line_com {font-size: 12px;}
	.recruit-process{ margin:20px -15px 0;}
	.recruit-process .item{ position:relative; display:table; width:100%; padding:15px;}
	.recruit-process .item+.item{ border-top:#ddd 1px solid;}
	.recruit-process .item .thum{ display:table-cell; text-align:left; width:60px;}
	.recruit-process .item .inner{ display:table-cell;  text-align:left; vertical-align:top; padding:0 0 0 10px;}
	.recruit-process .item .inner h3{ font-size:13px; margin:0 0 5px 0; color:#111;}
}
@media (max-width: 660px) {
	.benefit-bx .item {width: 100%;padding: 30px 0px 30px;border-right: 0;text-align: center;border-bottom: 2px dotted #a6a6a6;}
	.benefit-bx .item1 {padding-top: 10px;}
	.benefit-bx .item4 {border-bottom: 0;}
	.benefit-bx .item3, .benefit-bx .item4 {padding-top: 30px;}
	.benefit-bx .item_inner {display: inline-block;}
	.benefit-bx .item li i {display: inline-block;}
	.benefit-bx .item3 li i {display: block;}
	
}
@media (min-width:768px) and (max-width:992px) {		
	.recruit-people .intro-tx{ font-size:30px; text-align:center; padding:0 30px;}
	.recruit-people .people-bx .m1{ right:50%; margin-right:205px; width:150px;}
	.recruit-people .people-bx .m2{ left:50%; margin-left:205px; width:150px;}
	.recruit-people .people-bx .m3{ right:50%; margin-right:205px; width:150px;}
	.recruit-people .people-bx .m4{ left:50%; margin-left:205px; width:150px;}

	.relu-bx{ position:relative; margin:40px 0; padding:0;}
	.relu-bx2{ padding:0; }
	.relu-bx2 .inner{ border:#b2b2b2 1px solid; display:block; width:100%;}
	.relu-bx2 .inner:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.relu-bx2 .item{ width:50%; padding:45px 0 20px; display:block; float:left;}
	.relu-bx2 .item+.item{ border-left:#ddd 1px solid;}
	.relu-bx2 .item.m3,
	.relu-bx2 .item.m4{ border-top:#ddd 1px solid;}
	.relu-bx2 .item ul{ margin:0 0 0 20%;}
	.relu-bx2 .item.m3 ul,
	.relu-bx2 .item.m4 ul{ margin:0 0 0 10%;}
	.relu-bx3{ margin:40px 0 0 0; text-align:center; padding:0;}
	.relu-bx4{ margin:40px 0 0; padding:0 0 50px 0;}
	.relu-bx4 ul:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.relu-bx4 li{ position:relative; width:25%; text-align:center; float:left; padding:170px 0 50px 0;}
	.relu-bx4 li:after{ content:""; position:absolute; top:0; left:50%; margin:0 0 0 -75px; width:150px; height:150px; border-radius:50%;}
	.relu-bx4 li:before{ content:""; position:absolute; top:68px; left:0; margin:0 0 0 -8px; width:15px; height:25px; background:url(../../images/common/blt_arr3.png) 50% 50% no-repeat;}
	.relu-bx4 li.m1:before{ display:none;}
	.relu-bx4 li.m3{ float:right;}

	.relu-bx-tbl{ border-top:#07190f 2px solid; width:99.9%; margin:0 auto; border-right:#dedede 1px solid;}
	.relu-bx-tbl:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.relu-bx-tbl dl{ border-left:#dedede 1px solid; border-bottom:#dedede 1px solid; float:left; width:33.3%;}
	.relu-bx-tbl dl dt{ background:#f5f5f5; text-align:center; line-height:50px; color:#111; font-size:16px;}
	.relu-bx-tbl dd{ padding:30px 0 30px 10px;}
	.relu-bx-tbl dl:nth-child(1) dd,
	.relu-bx-tbl dl:nth-child(2) dd,
	.relu-bx-tbl dl:nth-child(3) dd{ height:240px;}
	.relu-bx-tbl dl:nth-child(4) dd,
	.relu-bx-tbl dl:nth-child(5) dd,
	.relu-bx-tbl dl:nth-child(6) dd{ height:360px;}



	.recruit-process{ margin:40px 0 0 0;}
	.recruit-process .item{ position:relative; display:table; width:100%; padding:15px;}
	.recruit-process .item+.item{ border-top:#ddd 1px solid;}
	.recruit-process .item .thum{ display:table-cell; text-align:left; width:200px;}
	.recruit-process .item .inner{ display:table-cell;  text-align:left; vertical-align:top;}
	.recruit-process .item .inner h3{ font-size:26px; margin:20px 0 10px 0; color:#111;}
}

@media (min-width:993px) and (max-width:1200px) { 
	.recruit-people .intro-tx{ font-size:30px; text-align:center; padding:0 130px;}
	.recruit-people .people-bx .m1{ right:50%; margin-right:205px; }
	.recruit-people .people-bx .m2{ left:50%; margin-left:205px; }
	.recruit-people .people-bx .m3{ right:50%; margin-right:205px; }
	.recruit-people .people-bx .m4{ left:50%; margin-left:205px; }

	.relu-bx{ position:relative; margin:40px 0; padding:0 0 80px 0;}
	.relu-bx dd span,
	.relu-bx dd em{ display:inline-block;}
	.relu-bx dd.m1{top:-8px; left:0; padding:0 140px 0 0;}
	.relu-bx dd.m2{top:-8px; right:0; padding:0 0 0 140px; text-align:right;}
	.relu-bx dd.m3{top:269px; left:0; padding:0 140px 0 0;}
	.relu-bx dd.m4{top:269px; right:0; padding:0 0 0 140px; text-align:right;}	
	.relu-bx2{ padding:0; }
	.relu-bx2 .item ul{ margin:0 0 0 20px;}
	.relu-bx2 .item.m3 ul,
	.relu-bx2 .item.m4 ul{ margin:0 0 0 10px;}
}

/************************************************
	customer
************************************************/
.privacy-box{ position:relative;}
.privacy-box .inner{ border:#b2b2b2 1px solid; padding:20px 20px 10px 20px;}
.privacy-box .box-tit{ font-size:18px; border-bottom:#ddd 1px solid; margin:0 0 8px 0; padding:0 0 5px 0;}
.privacy-box .div-scroll{ height:100px;}
.privacy-box .chk-row{ position:absolute; top:12px; right:20px;}

.person-bx{ border:#ddd 1px solid; padding:50px 0 50px 4%;}
.person-bx:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.person-bx dl{ width:30%; float:left;}
.person-bx dl dt{ font-size:30px; color:#111;}
.person-bx dl dd .tel{ color:#e71e24; font-size:35px; padding:0; font-weight:600;}
.person-bx dl dd .tel *{ color:#e71e24; }
.person-bx dl dd .tel:before{ content:""; display:inline-block; width:22px; height:34px; vertical-align:middle; margin:0 10px 0 0; background:url(../../images/customer/person_icon_tel.gif) 0 0 no-repeat;}
.person-bx dl dd>ul{ margin:20px 0 0 0;}
.person-bx dl dd>ul li{ text-indent:-13px; padding:0 0 0 13px;}
.person-bx dl dd>ul li+li{ margin-top:4px;}
.person-bx dl dd>ul li:before{ content:""; width:4px; height:4px; display:inline-block; margin:0 8px 0 0; vertical-align:middle; background:#c8c8c8; border-radius:50%; }
.person-bx>ul{ width:70%; float:left;}
.person-bx>ul li{ position:relative; width:33%; float:left;  text-align:center;}
.person-bx>ul li:after{ content:""; position:absolute; top:20px; left:0; width:1px; height:100px; background:#ddd; display:block; }
.person-bx>ul li:first-child:after{ display:none;}
.person-bx>ul li .thum{ display:block; margin:0 0 15px 0; text-align:center;}
.person-bx>ul li .thum img{ text-align:center; margin:0 auto}
.person-bx>ul li strong{ font-size:18px; color:#111;}

.sitemap-bx:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.sitemap-bx h3{ border-top:#333 1px solid; border-bottom:#b2b2b2 1px solid; color:#e71e24; font-size:20px; text-align:center; line-height:60px; margin:0 0 20px 0;}
.sitemap-bx .item{ float:left; width:30%; margin:0 0 60px 3%; }
.sitemap-bx .item.company,
.sitemap-bx .item.social{ margin-left:0; clear:both;}
.sitemap-bx .item.product{ width:64%}
.sitemap-bx .item .deth2>li:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.sitemap-bx .item .deth2>li+li{ margin:20px 0 0 0;}
.sitemap-bx .item .deth2>li>a{ position:relative; width:45%; display:block; float:left; padding:0 20px 0 30px; font-size:16px; color:#333; font-weight:normal;}
.sitemap-bx .item .deth2>li>a:before{ content:""; position:absolute; top:10px; left:20px; width:3px; height:3px; display:inline-block; background:#666; border-radius:50%; }
.sitemap-bx .item .deth2>li>ul{ width:55%; float:left;}
.sitemap-bx .item .deth2>li>ul>li>a{ color:#747474;}
.sitemap-bx .item.product .deth2{ width:50%; float:left;}
.sitemap-bx .item.recruit .deth2>li,
.sitemap-bx .item.customer .deth2>li{ position:relative;  float:left; width:33%; padding:0 0 0 10px; margin:0 0 20px 0;}
.sitemap-bx .item.recruit .deth2>li>a,
.sitemap-bx .item.customer .deth2>li>a{ width:100%; padding:0 0 0 10px; }
.sitemap-bx .item.recruit .deth2>li>a:before,
.sitemap-bx .item.customer .deth2>li>a:before{ content:""; position:absolute; top:10px; left:0; width:3px; height:3px; display:inline-block; background:#666; border-radius:50%; }

.privacy-bx .lnk-bx{ background:#f5f5f5; padding:20px 25px 10px; margin:0 0 20px 0;}
.privacy-bx .lnk-bx ul:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.privacy-bx .lnk-bx li{ float:left; width:33%; margin:0 0 10px 0;}
.privacy-bx dt{ margin:30px 0 20px; font-size:20px; color:#333;}
.privacy-bx .row>div:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.privacy-bx .priv-conbx{ margin:10px 0;}
.privacy-bx .priv-conbx>div{ background:#fbfbfb; padding:20px;}
.privacy-bx .priv-conbx>div:first-child{ border-right:#fff 1px solid;}
.privacy-bx .priv-conbx>div strong{ display:block; margin:0 0 10px 0;}
.privacy-bx .priv-conbx>div span{ width:33%; float:left; display:inline-block;}
.privacy-bx .priv-conbx1{ margin:10px 0;}
.privacy-bx .priv-conbx1>div{ background:#fbfbfb; padding:20px;}
.privacy-bx .priv-conbx1>div:first-child{ border-right:#fff 1px solid;}
.privacy-bx .priv-conbx1>div strong{ display:block; margin:0 0 10px 0;}
.privacy-bx .priv-conbx1>div span{ width:50%; float:left; display:block;}
.privacy-bx .priv-conbx1>div span.fir{ padding:0 20px 0 0;}
.privacy-bx .priv-conbx1-1{ margin:10px 0;}
.privacy-bx .priv-conbx1-1>div{ background:#fbfbfb; padding:20px;}
.privacy-bx .priv-conbx1-1>div:first-child{ border-right:#fff 1px solid;}
.privacy-bx .priv-conbx1-1>div strong{ display:block; margin:0 0 10px 0;}
.privacy-bx .priv-conbx1-1>div span{ width:100%; float:left; display:block;}
.privacy-bx .priv-conbx1-1>div span.fir{ padding:0 20px 0 0;}
.privacy-bx .priv-conbx2{ margin:10px 0;}
.privacy-bx .priv-conbx2>div{ background:#fbfbfb; padding:20px;}
.privacy-bx .priv-conbx2>div strong{ display:block; margin:0 0 10px 0;}
.privacy-bx .priv-conbx2>div span{ width:20%; float:left; display:inline-block;}
.privacy-bx table+ul{ margin-top:20px;}
.privacy-bx .priv-conbx1+.priv-conbx1-1{ margin-top:-9px;}
.privacy-bx ul+table,
.privacy-bx ul+div,
.privacy-bx div+ul{ margin-top:10px;}

@media (max-width:767px) {
	.privacy-box .inner{ border:#b2b2b2 1px solid; padding:10px;}
	.privacy-box .box-tit{ font-size:18px; border-bottom:#ddd 1px solid; margin:0 0 8px 0; padding:0 0 5px 0;}
	.privacy-box .div-scroll{ height:100px;}
	.privacy-box .chk-row{ position:relative; top:auto; right:auto;  text-align:right;}	

	.person-bx{padding:18px 2%;}
	.person-bx dl{ width:100%; float:none; text-align:center;}
	.person-bx dl dt{ text-align:center; font-size:18px;}
	.person-bx dl dd .tel{ text-align:center; font-size:18px;}
	.person-bx dl dd .tel:before{ content:""; display:inline-block; width:12px; height:16px; vertical-align:middle; margin:0 5px 0 0; background:url(../../images/customer/person_icon_tel.gif) 0 0 no-repeat; background-size:12px 16px;}
	.person-bx dl dd>ul{ margin:0;}
	.person-bx dl dd>ul li{ display:inline-block; font-size:12px;}
	.person-bx dl dd>ul li+li{ margin:0 0 0 15px;}
	.person-bx>ul{ width:100%; float:none; margin:10px 0 0 0;}
	.person-bx>ul li:after{ display:none;}
	.person-bx>ul li .thum{ display:block; margin:0 0 5px 0; padding:0 10px;text-align:center;}
	.person-bx>ul li strong{ font-size:11px; }

	table.data .pert01{ width:18%;}
	table.data .pert02{ width:15%;}
	table.data .pert03{ width:20%;}
	table.data .pert04{ width:22%;}
	table.data .pert05{ width:25%;}

	.sitemap-bx h3{ font-size:18px; line-height:34px; margin:0 0 10px 0;}
	.sitemap-bx .item{ float:none; width:100%; margin:0 0 60px 0; clear:both; }
	.sitemap-bx .item.product{ width:100%}
	.sitemap-bx .item .deth2:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.sitemap-bx .item .deth2>li{ width:100%; float:none; margin:0 0 20px 0;}
	.sitemap-bx .item .deth2>li:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.sitemap-bx .item .deth2>li+li{ margin:0 0 20px 0;}
	.sitemap-bx .item .deth2>li>a{ position:relative; width:35%; display:block; float:left; padding:0 20px 0 20px; font-size:13px; color:#333; font-weight:normal;}
	.sitemap-bx .item .deth2>li>a:before{ content:""; position:absolute; top:6px; left:10px; width:3px; height:3px; display:inline-block; background:#666; border-radius:50%; }
	.sitemap-bx .item .deth2>li>ul{ width:65%; float:left;}
	.sitemap-bx .item .deth2>li>ul>li{ width:50%; float:left;}
	.sitemap-bx .item .deth2>li>ul>li>a{ font-size:12px;}
	.sitemap-bx .item.product .deth2{ width:100%; float:left;}
	.sitemap-bx .item.product .deth2 li{ width:100%;}

	.privacy-bx .lnk-bx li{ float:left; width:100%; margin:0 0 10px 0;}
	.privacy-bx .priv-conbx>div span{ width:50%;}
	.privacy-bx .priv-conbx1>div span{ width:100%;}
	.privacy-bx .priv-conbx2>div span{ width:100%;}
}
@media (min-width:768px) and (max-width:992px) {	
	.person-bx{padding:30px 2%;}
	.person-bx dl{ width:100%; float:none; text-align:center;}
	.person-bx dl dt{ text-align:center; }
	.person-bx dl dd .tel{ text-align:center;}
	.person-bx dl dd>ul{ margin:0;}
	.person-bx dl dd>ul li{ display:inline-block;}
	.person-bx dl dd>ul li+li{ margin:0 0 0 15px;}
	.person-bx>ul{ width:100%; float:none; margin:30px 0 0 0;}

	table.data .pert01{ width:18%;}
	table.data .pert02{ width:15%;}
	table.data .pert03{ width:20%;}
	table.data .pert04{ width:22%;}
	table.data .pert05{ width:25%;}

	.sitemap-bx .item{ float:none; width:100%; margin:0 0 60px 0; clear:both; }
	.sitemap-bx .item.product{ width:100%}
	.sitemap-bx .item .deth2:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.sitemap-bx .item .deth2>li{ width:50%; float:left; margin:0 0 20px 0;}
	.sitemap-bx .item .deth2>li:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.sitemap-bx .item .deth2>li+li{ margin:0 0 20px 0;}
	.sitemap-bx .item .deth2>li>a{ position:relative; width:45%; display:block; float:left; padding:0 20px 0 30px; font-size:16px; color:#333; font-weight:normal;}
	.sitemap-bx .item .deth2>li>a:before{ content:""; position:absolute; top:10px; left:20px; width:3px; height:3px; display:inline-block; background:#666; border-radius:50%; }
	.sitemap-bx .item .deth2>li>ul{ width:55%; float:left;}
	.sitemap-bx .item.product .deth2{ width:50%; float:left;}
	.sitemap-bx .item.product .deth2 li{ width:100%;}

	.privacy-bx .lnk-bx li{ float:left; width:50%; margin:0 0 10px 0;}	
	.privacy-bx .priv-conbx2>div span{ width:50%;}
}


/* Scroll Navi */
.scroll-navi{ position:relative; padding:116px 0 100px; width:100%; z-index:10}
.scroll-navi .mobile{ display:none;}
.scroll-navi .fixed{ position:fixed; top:0; margin-top:0;}
.scroll-navi.off{ padding-top:0}
.navi-box{ position:absolute; left:0; top:0; width:100%; height:46px; z-index:20}
.navi-box .brna{ display:none;}
.navi-box.fixed{ height:46px; padding:0 50px;}
.navi-box ul{ width:100%; max-width:1100px;margin:0 auto; background:#fff;}
.navi{ padding:0; height:46px;}
.navi li{ position:relative; float:left; text-align:center; color:#333; padding:0 0 0 5px;}
.navi li a{ display:block; height:46px; padding:0 0 14px 0; border-bottom:#a5a5a5 14px solid; font-size:18px; color:#747474;}
.navi li a span{ position:absolute; top:0; display:inline-block; background:#fff;}
.navi li a .start{ left:-24px;}
.navi li a .end{ right:-24px;}
.navi li:first-child{ padding:0;}
.navi li:first-child a .start{ left:0;}
.navi li:last-child a .end{ top:0; right:0;}
.navi li.on,
.navi li.active{position:relative;z-index:10}
.navi li.on a,
.navi li.active a{ border-bottom:#e71e24 14px solid;}
.navi li.on a:after,
.navi li.active a:after{ font-family:"FontAwesome"; content:"\f107"; position:absolute; left:50%; margin:0 0 0 -6px; font-size:12px; bottom:1px; line-height:1; color:#f5a5a7; }
.navi li.on a span,
.navi li.active a span{ color:#e71e24;}

.history-bx{ border-top:#333 1px solid;}
.history-bx dl{ display:table; width:100%; border-bottom:#ddd 1px solid;}
.history-bx dl dt{ display:table-cell; width:15%; vertical-align:middle; text-align:center; color:#e71e24; font-size:32px; border-right:#ddd 1px solid;}
.history-bx dl dd{ display:table-cell; width:85%; vertical-align:middle; padding:25px;}
.history-bx dl dd li{ text-indent:-13px; padding:0 0 0 13px;}
.history-bx dl dd+li{ margin-top:4px;}
.history-bx dl dd li:before{ content:""; width:5px; height:1px; display:inline-block; margin:0 8px 0 0; vertical-align:middle; background:#747474; }

@media (max-width:767px) {
	.scroll-navi{ position:relative; padding:0; width:100%; z-index:10}
	.scroll-navi .mobile{ display:block;}

	.history-bx{ border-top:none;}
	.history-bx dl{ display:table; width:100%; border-bottom:none; margin:0 0 10px 0;}
	.history-bx dl dt{ display:table-cell; width:15%; vertical-align:top; text-align:center; color:#e71e24; font-size:14px; border-right:none;}
	.history-bx dl dd{ display:table-cell; width:85%; vertical-align:top; padding:0;}
	.history-bx dl dd li{ text-indent:0; padding:0;}
	.history-bx dl dd+li{ margin-top:4px;}
	.history-bx dl dd li:before{ display:none; }
}

@media (min-width:768px) and (max-width:992px) {	
	.scroll-navi .fixed{ padding:0 30px;}

	.history-bx{ border-top:#333 1px solid;}
	.history-bx dl{ display:table; width:100%; border-bottom:#ddd 1px solid;}
	.history-bx dl dt{ display:table-cell; width:20%; vertical-align:middle; text-align:center; color:#e71e24; font-size:32px; border-right:#ddd 1px solid;}
	.history-bx dl dd{ display:table-cell; width:80%; vertical-align:middle; padding:25px;}
	.history-bx dl dd li{ text-indent:-13px; padding:0 0 0 13px;}
	.history-bx dl dd+li{ margin-top:4px;}
	.history-bx dl dd li:before{ content:""; width:5px; height:1px; display:inline-block; margin:0 8px 0 0; vertical-align:middle; background:#747474; }
}


/************************************************
	main
************************************************/



.main-section1{ overflow: hidden;position: relative;width:646px; float:left;}
.main-section1 .main-visual{ width:646px;}
.main-section1 .bx-viewport{ height:auto !important;}
.main-section1 .bxPager{ position:absolute; bottom:29px; right:0; width:100%; text-align:right; }
.main-section1 .bxPager{ text-align:right; float:right; width:auto !important; padding:0 17px 0 4px; margin-top:2px;}
.main-section1 .bxPager a{display:inline-block; width: 10px; height: 10px; margin: 0 2px;font-size: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#414141;}
.main-section1 .bxPager a.active{ background:#fff;}
.main-section1 .playBtn>a{display: block;position: absolute;right: 55px;bottom: 28px;width: 14px;height: 14px;font-size: 0;cursor: pointer;}
.main-section1 a.bx-start{ background:url(../../images/main/blt_start.png) 50% 50% no-repeat;}
.main-section1 a.bx-stop{ background:url(../../images/main/blt_stop.png) 50% 50% no-repeat;}


/*.main-section1{ width:646px; float:left;}
.main-section1 .main-visual{ width:646px;}
.main-section1 .bx-viewport{ height:auto;}
.main-section1 .bx-controls{ position:absolute; bottom:20px; right:0; width:100%; text-align:right; }
.main-section1 .bx-controls .bx-pager{ text-align:right; float:right; width:auto !important; padding:0 20px 0 4px; margin-top:2px;}
.main-section1 .bx-controls .bx-pager>div{ display:inline-block; }
.main-section1 .bx-controls .bx-pager>div a{ margin:0 2px; background:#414141;}
.main-section1 .bx-controls .bx-pager>div a.active{ background:#fff;}
.main-section1 .bx-controls .bx-controls-auto{ float:right;  width:auto !important;}
.main-section1 .bx-controls .bx-controls-auto>div{ display:inline-block; }
.main-section1 .bx-controls .bx-controls-auto>div a{ width:14px; height:14px;}
.main-section1 .bx-controls .bx-controls-auto>div a.bx-start{ background:url(../../images/main/blt_start.png) 50% 50% no-repeat;}
.main-section1 .bx-controls .bx-controls-auto>div a.bx-stop{ background:url(../../images/main/blt_stop.png) 50% 50% no-repeat;}*/

.main-item1{ width:210px; float:left; height:210px; background:#fff; margin:0 0 8px 8px;}
.main-item1.mbl{ display:none;}
.main-item1 a{ display:block; height:210px;  text-align:center; font-size:18px; color:#000; line-height:1.2em;}
.main-item1.main-icon1 a{ background:url(../../images/main/main_icon1.png) 50% 30px no-repeat; padding:160px 0 0 0;}
.main-item1.main-icon2 a{ background:url(../../images/main/main_icon2.png) 50% 30px no-repeat; padding:150px 20px 0;}
.main-item1.main-icon3 a{ background:url(../../images/main/main_icon3.png) 50% 30px no-repeat; padding:150px 20px 0;}
.main-item1.main-icon4 a{ background:url(../../images/main/main_icon4.png) 50% 30px no-repeat; padding:160px 0 0 0;}
.main-item2{ position:relative; width:428px; height:210px;  float:left; background:#fff; padding:0 218px 0 15px; margin:0 0 8px 8px;}
.main-item2 .main-tit{ font-size:20px; color:#000; padding:25px 0 15px;}
.main-item2 .inner{ font-size:13px;}
.main-item2 .inner .subject{ font-size:14px; color:#000; font-weight:normal; display:block; padding:0 0 5px 0;}
.main-item2 .inner strong{ display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main-item2 .inner .date{ font-size:20px; font-size:12px; display:block; margin-top:20px;}
.main-item2 .thum{ position:absolute; top:0; right:0; width:210px; height:210px; overflow:hidden;}
.main-item2 .thum img{ width:210px; height:210px;}

.main-pro{ position:relative; clear:both; background:#fff; height:190px; padding:0 0 0 160px; margin:0 0 8px 0;}
.main-pro:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.main-pro h2{ position:absolute; top:0; left:0; width:160px; background:#e71e24 url(../../images/main/main_pro_bg.gif) 0 0 no-repeat; color:#fff; padding:15px; font-size:20px; height:190px; float:left;}
.main-pro .m-probx .inner:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.main-pro .m-probx .inner a{ position:relative; display:block; float:left;  width:190px; height:190px; padding:0; color:#000; font-size:14px;}
.main-pro .m-probx .inner a span.over{ display:none; position:absolute; top:0; left:0; background:url(../../images/common/bg_rec.png); width:100%; height:100%;}
.main-pro .m-probx .inner a span.over .arr{ display:block; position:absolute; top:0; left:0; background:url(../../images/main/blt_arr.png) 50% 50% no-repeat; width:100%; height:100%;}
.main-pro .m-probx .inner a.on span.over{ display:block;}
.main-pro button{ display:none;}

.main-bottom{ margin:0 0 0 -1%;}
.main-bottom:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.main-bottom>div{ position:relative; width:49%; float:left; background:#fff; height:78px; margin:0 0 0 1%; padding:0 20px;}
.main-bottom>div h2{ font-size:18px; color:#000; padding:15px 0 5px;}
.main-bottom>div:after{ font-family:"FontAwesome"; content:"\f105"; position:absolute; top:50%; right:20px; margin:-12px 0 0 0; font-size:16px; display:block; color:#b2b2b2; border:#b2b2b2 1px solid; width:24px; height:24px; border-radius:50%; text-align:center; line-height:24px; }

@media (max-width:767px) {


	.main-section1{ width:100%; float:none; margin:0 0 9px 0;}
	.main-section1 .main-visual{ width:100%;}
	.main-section1 .bx-controls{ position:absolute; bottom:20px; right:0; width:100%; text-align:center; }
	.main-section1 .bxPager{ text-align:center !important; float:none; width:100% !important; padding:0; margin-top:0;}
	.main-section1 .bxPager a{display:inline-block; margin:0 4px; background:#414141; width:16px; height:16px; border-radius:50%;}
	.main-section1 .bxPager a.active{ background:#fff;}
	.main-section1 .playBtn{display:none;}


	/*.main-section1{ width:100%; float:none; margin:0 0 9px 0;}
	.main-section1 .main-visual{ width:100%;}
	.main-section1 .bx-controls{ position:absolute; bottom:20px; right:0; width:100%; text-align:center; }
	.main-section1 .bx-controls .bx-pager{ text-align:center !important; float:none; width:100% !important; padding:0; margin-top:0;}
	.main-section1 .bx-controls .bx-pager>div{ display:inline-block; }
	.main-section1 .bx-controls .bx-pager>div a{ margin:0 4px; background:#414141; width:16px; height:16px; border-radius:50%;}
	.main-section1 .bx-controls .bx-pager>div a.active{ background:#fff;}
	.main-section1 .bx-controls .bx-controls-auto{display:none;}*/

	.main-item1{ width:49%; float:left; height:110px; background:#fff; margin:0 0 9px 2%;}
	.main-item1.pc{ display:none;}
	.main-item1.mbl{ display:block;}
	.main-item1 a{ display:block; height:110px;  text-align:center; font-size:13px; color:#000;}
	.main-item1.main-icon1,
	.main-item1.main-icon3{ width:49%; margin-left:0;}
	.main-item1.main-icon1 a{ background:url(../../images/main/main_icon1.png) 50% 14px no-repeat; background-size:43px 54px; padding:80px 0 0 0;}
	.main-item1.main-icon2 a{ background:url(../../images/main/main_icon2.png) 50% 14px no-repeat; background-size:43px 54px; padding:80px 0 0 0;}
	.main-item1.main-icon3 a{ background:url(../../images/main/main_icon3.png) 50% 14px no-repeat; background-size:43px 54px; padding:80px 0 0 0;}
	.main-item1.main-icon4 a{ background:url(../../images/main/main_icon4.png) 50% 14px no-repeat; background-size:43px 54px; padding:80px 0 0 0;}
	.main-item2{ position:relative; width:100%; height:110px;  float:left; background:#fff; padding:0 50% 0 15px; margin:0 0 9px 0;}
	.main-item2 .main-tit{ font-size:13px; color:#000; padding:10px 0 5px;}
	.main-item2 .inner{ font-size:11px;}
	.main-item2 .inner .subject{ font-size:12px; color:#000; font-weight:normal; display:block; padding:0;}
	.main-item2 .inner .date{ display:none;}
	.main-item2 .thum{ position:absolute; top:0; right:0; width:48%; height:110px; overflow:hidden;}
	.main-item2 .thum img{ width:100%; height:auto;}

	.main-pro{ position:relative; clear:both; background:#fff; height:auto; padding:0; margin:0 0 9px 0;}
	.main-pro h2{ position:relative; top:auto; left:auto; width:100%; background:#e71e24; color:#fff; text-align:center; padding:0; font-size:20px; height:40px; line-height:40px; float:none;}
	.main-pro .m-probx{ position:relative; overflow:hidden; height:auto; width:100%;}
	.main-pro .m-probx .inner{ overflow:hidden; width:100%; position:relative;  top:0; left:0 !important;}
	.main-pro .m-probx .inner:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.main-pro .m-probx .inner a{ position:relative; display:block; float:left;  width:50%; height:auto; color:#000; font-size:12px;}
	.main-pro .m-probx .inner a img{ width:100%;}
	.main-pro .m-probx .inner a span.over{ display:none; position:absolute; top:0; left:0; background:url(../../images/common/bg_rec.png); width:100%; height:100%;}
	.main-pro .m-probx .inner a span.over .arr{ display:block; position:absolute; top:0; left:0; background:url(../../images/main/blt_arr.png) 50% 50% no-repeat; width:100%; height:100%;}
	.main-pro .m-probx .inner a.on span.over{ display:block;}
	.main-pro button{ display:none;}
	
	.main-bottom{ margin:0;}
	.main-bottom:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.main-bottom>div{ position:relative; width:100%; float:left; background:#fff; height:auto; margin:0 0 2% 0; padding:0 50px 20px 20px;}
	.main-bottom>div h2{ font-size:18px; color:#000; padding:15px 0 5px;}
	.main-bottom>div:after{ font-family:"FontAwesome"; content:"\f105"; position:absolute; top:50%; right:20px; margin:-12px 0 0 0; font-size:16px; display:block; color:#b2b2b2; border:#b2b2b2 1px solid; width:24px; height:24px; border-radius:50%; text-align:center; line-height:24px; }

}

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



	.main-section1{ width:100%; float:none; margin:0 0 9px 0;}
	.main-section1 .main-visual{ width:100%;}
	.main-section1 .bx-controls{ position:absolute; bottom:20px; right:0; width:100%; text-align:center; }
	.main-section1 .bxPager{ text-align:center !important; float:none; width:100% !important; padding:0; margin-top:0;}
	.main-section1 .bxPager a{display:inline-block;  margin:0 4px; background:#414141; width:16px; height:16px; border-radius:50%;}
	.main-section1 .bxPager a.active{ background:#fff;}
	.main-section1 .playBtn{display:none;}

	/*.main-section1{ width:100%; float:none; margin:0 0 9px 0;}
	.main-section1 .main-visual{ width:100%;}
	.main-section1 .bx-controls{ position:absolute; bottom:20px; right:0; width:100%; text-align:center; }
	.main-section1 .bx-controls .bx-pager{ text-align:center !important; float:none; width:100% !important; padding:0; margin-top:0;}
	.main-section1 .bx-controls .bx-pager>div{ display:inline-block; }
	.main-section1 .bx-controls .bx-pager>div a{ margin:0 4px; background:#414141; width:16px; height:16px; border-radius:50%;}
	.main-section1 .bx-controls .bx-pager>div a.active{ background:#fff;}
	.main-section1 .bx-controls .bx-controls-auto{display:none;}*/

	.main-item1{ width:32.3%; float:left; height:210px; background:#fff; margin:0 0 9px 1%;}
	.main-item1 a{ display:block; height:210px;  text-align:center; font-size:20px; color:#000;}
	.main-item1.main-icon1{ width:33.3%; margin-left:0;}
	.main-item1.main-icon1 a{ background:url(../../images/main/main_icon1.png) 50% 30px no-repeat; padding:156px 0 0 0;}
	.main-item1.main-icon2 a{ background:url(../../images/main/main_icon2.png) 50% 30px no-repeat; padding:156px 0 0 0;}
	.main-item1.main-icon3 a{ background:url(../../images/main/main_icon3.png) 50% 30px no-repeat; padding:156px 0 0 0;}
	.main-item1.main-icon4 a{ background:url(../../images/main/main_icon4.png) 50% 30px no-repeat; padding:156px 0 0 0;}
	.main-item2{ position:relative; width:66.6%; height:210px;  float:left; background:#fff; padding:0 36% 0 15px; margin:0 0 9px 0;}
	.main-item2 .main-tit{ font-size:20px; color:#000; padding:25px 0 15px;}
	.main-item2 .inner{ font-size:13px;}
	.main-item2 .inner .subject{ font-size:14px; color:#000; font-weight:normal; display:block; padding:0 0 5px 0;}
	.main-item2 .inner .date{ font-size:20px; font-size:12px; display:block; margin-top:20px;}
	.main-item2 .thum{ position:absolute; top:0; right:0; width:48%; height:210px;}
	.main-item2 .thum img{ width:100%; height:210px;}

	.main-pro{ position:relative; clear:both; background:#fff; height:auto; padding:0; margin:0 0 9px 0;}
	.main-pro h2{ position:relative; top:auto; left:auto; width:100%; background:#e71e24; color:#fff; text-align:center; padding:0; font-size:20px; height:40px; line-height:40px; float:none;}
	.main-pro .m-probx{ position:relative; overflow:hidden; height:auto; width:100%;}
	.main-pro .m-probx .inner{ overflow:hidden; width:100%; position:relative;  top:0; left:0 !important;}
	.main-pro .m-probx .inner:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.main-pro .m-probx .inner a{ position:relative; display:block; float:left;  width:33.3%; height:auto; color:#000; font-size:14px;}
	.main-pro .m-probx .inner a img{ width:100%;}
	.main-pro .m-probx .inner a span.over{ display:none; position:absolute; top:0; left:0; background:url(../../images/common/bg_rec.png); width:100%; height:100%;}
	.main-pro .m-probx .inner a span.over .arr{ display:block; position:absolute; top:0; left:0; background:url(../../images/main/blt_arr.png) 50% 50% no-repeat; width:100%; height:100%;}
	.main-pro .m-probx .inner a.on span.over{ display:block;}
	.main-pro button{ display:none;}
	
	.main-bottom{ margin:0 0 0 -1%;}
	.main-bottom:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.main-bottom>div{ position:relative; width:49%; float:left; background:#fff; height:100px; margin:0 0 0 1%; padding:0 90px 0 20px;}
	.main-bottom>div h2{ font-size:18px; color:#000; padding:15px 0 5px;}
	.main-bottom>div:after{ font-family:"FontAwesome"; content:"\f105"; position:absolute; top:50%; right:20px; margin:-12px 0 0 0; font-size:16px; display:block; color:#b2b2b2; border:#b2b2b2 1px solid; width:24px; height:24px; border-radius:50%; text-align:center; line-height:24px; }

}

@media (min-width:993px) and (max-width:1200px) { 

	.main-section1{ width:646px; float:left;}
	.main-section1 .main-visual{ width:646px;}
	.main-section1 .bx-controls{ position:absolute; bottom:20px; right:0; width:100%; text-align:right; }
	.main-section1 .bx-controls .bx-pager{ text-align:right; float:right; width:auto !important; padding:0 20px 0 4px; margin-top:2px;}
	.main-section1 .bx-controls .bx-pager>div{ display:inline-block; }
	.main-section1 .bx-controls .bx-pager>div a{ margin:0 2px; background:#414141;}
	.main-section1 .bx-controls .bx-pager>div a.active{ background:#fff;}
	.main-section1 .bx-controls .bx-controls-auto{ float:right;  width:auto !important;}
	.main-section1 .bx-controls .bx-controls-auto>div{ display:inline-block; }
	.main-section1 .bx-controls .bx-controls-auto>div a{ width:14px; height:14px;}
	.main-section1 .bx-controls .bx-controls-auto>div a.bx-start{ background:url(../../images/main/blt_start.png) 50% 50% no-repeat;}
	.main-section1 .bx-controls .bx-controls-auto>div a.bx-stop{ background:url(../../images/main/blt_stop.png) 50% 50% no-repeat;}

	.main-item1{ width:306px; float:left; height:210px; background:#fff; margin:0 0 8px 8px;}
	.main-item1.main-icon3{ width:210px;  margin-left:0;}
	.main-item1 a{ display:block; height:210px;  text-align:center; font-size:20px; color:#000;}
	.main-item1.main-icon1 a{ background:url(../../images/main/main_icon1.png) 50% 30px no-repeat; padding:156px 0 0 0;}
	.main-item1.main-icon2 a{ background:url(../../images/main/main_icon2.png) 50% 30px no-repeat; padding:156px 0 0 0;}
	.main-item1.main-icon3 a{ background:url(../../images/main/main_icon3.png) 50% 30px no-repeat; padding:156px 0 0 0;}
	.main-item1.main-icon4 a{ background:url(../../images/main/main_icon4.png) 50% 30px no-repeat; padding:156px 0 0 0;}
	.main-item2{ position:relative; width:428px; height:210px;  float:left; background:#fff; padding:0 218px 0 15px; margin:0 0 8px 8px;}
	.main-item2 .main-tit{ font-size:20px; color:#000; padding:25px 0 15px;}
	.main-item2 .inner{ float:left; font-size:13px;}
	.main-item2 .inner .subject{ font-size:14px; color:#000; font-weight:normal; display:block; padding:0 0 5px 0;}
	.main-item2 .inner .date{ font-size:20px; font-size:12px; display:block; margin-top:20px;}
	.main-item2 .thum{ position:absolute; top:0; right:0; width:210px; height:210px;}
	.main-item2 .thum img{ width:210px; height:210px;}

	.main-pro{ position:relative; clear:both; background:#fff; height:190px; padding:0 0 0 159px; margin:0 0 8px 0;}
	.main-pro h2{ position:absolute; top:0; left:0; width:160px; background:#e71e24 url(../../images/main/main_pro_bg.gif) 0 0 no-repeat; color:#fff; padding:15px; font-size:20px; height:190px; float:left;}
	.main-pro .m-probx{ position:relative; overflow:hidden; height:190px; width:801px;}
	.main-pro .m-probx .inner{ overflow:hidden; width:1602px; position:absolute;  top:0; left:0;}
	.main-pro .m-probx .inner:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.main-pro .m-probx .inner a{ position:relative; display:block; float:left;  width:133px; height:190px; padding:0; color:#000; font-size:14px;}
	.main-pro .m-probx .inner a img{ max-width:190px;width:190px;}
	.main-pro .m-probx .inner a span.over{ display:none; position:absolute; top:0; left:0; background:url(../../images/common/bg_rec.png); width:100%; height:100%;}
	.main-pro .m-probx .inner a span.over .arr{ display:block; position:absolute; top:0; left:0; background:url(../../images/main/blt_arr.png) 50% 50% no-repeat; width:100%; height:100%;}
	.main-pro .m-probx .inner a.on span.over{ display:block;}
	.main-pro button{ display:block; position:absolute; top:128px; width:20px; height:33px; text-indent:-9999px;}
	.main-pro button.bt-prev{ left:28px; background:url(../../images/main/blt_prev.png) 50% 50% no-repeat; }
	.main-pro button.bt-next{ left:110px; background:url(../../images/main/blt_next.png) 50% 50% no-repeat; }

	.main-bottom{ margin:0 0 0 -1%;}
	.main-bottom:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
	.main-bottom>div{ position:relative; width:49%; float:left; background:#fff; height:78px; margin:0 0 0 1%; padding:0 50px 0 20px;}
	.main-bottom>div h2{ font-size:18px; color:#000; padding:15px 0 5px;}
	.main-bottom>div:after{ font-family:"FontAwesome"; content:"\f105"; position:absolute; top:50%; right:20px; margin:-12px 0 0 0; font-size:16px; display:block; color:#b2b2b2; border:#b2b2b2 1px solid; width:24px; height:24px; border-radius:50%; text-align:center; line-height:24px; }

}


/*CI 변경*/

.h3-tit.first{margin-top:0;}
.thum_new{margin-top:20px; overflow:hidden;}
.thum_new.last{margin-top:30px;}
.thum_new .left{float:left; width:49.36%;}
.thum_new .left p{box-sizing:border-box; border:1px solid #dddddd; background:#f7f7f7; font-size:15px; font-weight:bold; padding:10px; text-align:center; color:#333; padding:10px; margin:15px 0;}
.thum_new .left p span{color:#003876;}
.thum_new .br{display:block; width:100%;}

.thum_new div > span{display:block; margin-top:5px;}


.thum_new .right{float:right; width:49.18%;}
.thum_new .right p{position:relative; height:300px; box-sizing:border-box; border:1px solid #dddddd; background:#f7f7f7; font-size:18px; font-weight:bold; }
.thum_new .right p span.pos_abs{position:absolute; top:0; left:0;  width:100%; text-align:center; color:#333; padding:0 10px;}
.thum_new .right p span span{color:#003876;}
.thum_new .br{display:block; width:100%;}
.thum_new .right dl{background:url(/images/intro/ls_red.png) 0 10px no-repeat;}
.thum_new .right dl dt{color:#ed174b;}

.thum_new dl{padding:0 0 13px 135px; margin-top:30px; background:url(/images/intro/ls_blue.png) 0 15px no-repeat;}
.thum_new dl dt{font-size:24px; font-weight:bold; color:#003876; margin-bottom:10px;}
.thum_new dl dd{font-size:14px; }
.thum_new dl dd strong{font-size:16px; color:#111111; display:block; font-weight:500;}


@media (max-width:767px) {
	.thum_new > div.left{width:100%;}
	.thum_new > div.right{width:100%; margin-top:15px;}
	.thum_new dl{padding:0 0 13px 100px; margin-top:0; background:url(/images/intro/ls_blue.png) 0 10px no-repeat; background-size:78px;}
	.thum_new .right dl{background:url(/images/intro/ls_red.png) 0 10px no-repeat; background-size:78px;}
	.thum_new .right p{display:none;}
	.thum_new dl dt{font-size:16px;}
	.thum_new dl dd strong{font-size:15px;}

}
@media (min-width:768px) and (max-width:992px) {	
	.thum_new dl{padding:0 0 13px 100px; background:url(/images/intro/ls_blue.png) 0 10px no-repeat; background-size:78px;}
	.thum_new .right dl{background:url(/images/intro/ls_red.png) 0 10px no-repeat; background-size:78px;}
}



/* mineral */
.mineral-bx {background: url('/images/social/mineral_bg.png') no-repeat right 35px;}
.mineral-txt .bg-p1 {padding-right: 474px;}
.mineral-txt .bg-p2 {padding-right: 320px;}
.mineral-txt .bg-p3 {padding-right:0;}
.mineral-txt li {position: relative;padding-left: 10px;line-height: 1.9em}
.mineral-txt li:after {content: '-';position: absolute;left: 0;top: 0px;display: block;}
.mineral-img {display: none}
.mineral-end {margin-top: 80px;font-size:24px;color: #111;}
.mineral-end span {display: block}
.mineral-end span i {color: #003876}



@media (max-width: 767px) {
    .mineral-bx {background-position: right 15px;-ms-background-size: 300px auto;background-size: 300px auto}
		.mineral-txt .bg-p1 {padding-right: 314px;}
		.mineral-txt .bg-p2 {padding-right: 210px;}
		.mineral-txt .bg-p3 {padding-right: 0;}
	    .mineral-end {margin-top: 30px;font-size: 16px}
	    .mineral-end span {display: inline}
	    .mineral-end span:last-child {display: block}
}
@media (max-width: 600px) {
	   .mineral-bx {background: none}
    .mineral-txt .bg-p1 {padding-right:0;}
		.mineral-txt .bg-p2 {padding-right: 0;}
		.mineral-img {display: block;padding-top: 30px;}
		.mineral-img img{display: block;max-width:100%;margin:auto}

}