@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 340px;max-width:1920px;}
#wrap{}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

/* Tab */
.tab1{ margin-bottom: 50px;border: 1px solid #ddd;border-bottom: 2px solid #42445b; }
.tab1 > li{display: inline-block;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
.tab1 > li:first-child{border-left: none;}
.tab1 > li a{display: block;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #444444;text-decoration: none;}
.tab1 > li.active a{background: #42445b;color: #fff;border-color: #42445b;}
.tab1.fix {position: fixed;top: 0;left: 50%;z-index: 40;width: 1200px;margin-left: -600px;}

/* Button */
.btnWrap{ margin-top: 40px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px; }

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

/**************************************************
	Layout
**************************************************/
#header{position: relative;z-index: 80;background: #fff;}
#header .inner{position: relative;width: 1200px;height: 90px;margin: 0 auto;}
#header .logo{position: absolute;top: 29px;left: 0;height: 100%;line-height: 105px;height: 32px;line-height: 0;}
#header:after{position: absolute;bottom: -1px;left: 0;content: '';display: block;width: 100%;height: 1px;background: rgba(0,0,0,0.1);}

.sub #header {background: #eb6300;}
.sub #header .logo {background: url(../images/layout/logo2.png) no-repeat 0 0;}
.sub #header .logo img {opacity: 0;}

#gnb{position: absolute;top: 0;left: 210px;z-index: 2;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 44px;line-height: 90px;font-size: 18px;color: #333333;text-decoration: none;}
#gnb > li > ul{position: absolute;top: 90px;left: 50%;width: 200px;margin-left: -100px;padding: 0 15px;border: 1px solid #ddd;border-top: 2px solid #eb6300;border-width: 0 1px;background: #fff;box-sizing: border-box;max-height: 0;overflow: hidden;transition: all 0.4s;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
#gnb > li > ul li ul {display: none;}
#gnb > li > ul li:hover a {color: #eb6300;}
#gnb > li > ul li.active a {font-weight: bold;color: #eb6300;}
#gnb > li:hover > a,
#gnb > li.active > a{color: #eb6300;}
#gnb > li:hover > ul{max-height: 600px;padding: 15px;border-top: 2px solid #eb6300;border-width: 2px 1px 1px;}
#gnb > li.hidden-gnb{display: none;}

.sub #gnb > li > a {color: #f9b98a;}
.sub #gnb > li:hover > a,
.sub #gnb > li.active > a {color: #fff;}

#hd-lan{position: absolute;top: 25px;right: 73px;z-index: 92;}
#hd-lan > a{display: block;line-height: 40px;padding: 0 22px 0 28px;font-size: 14px;color: #2e3144;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-ico.png') no-repeat 0 center, url('/images/layout/hd-lan-spr.png') no-repeat right center;}
#hd-lan > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/images/layout/hd-lanbox-spr.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan:hover > ul{display: block;}

.sub #hd-lan > a {color: #fff;}
.sub #hd-lan > a{background: url('/images/layout/hd-lan-ico2.png') no-repeat 0 center, url('/images/layout/hd-lan-spr2.png') no-repeat right center;}

#slide-btn{position: absolute;top: 34px;right: 0;}
#slide-btn a{display: block;width: 29px;height: 21px;background: url('/images/layout/slide-btn.png');text-indent: -999em;}

.sub #slide-btn a{background: url('/images/layout/slide-btn2.png');}

#drdw{position: absolute;top: 90px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;border-bottom: 3px solid #42445b;z-index: 91;display: none;}
#drdw .inner{position: relative;width: 1200px;margin: 0 auto;border-right: 1px solid #e8e8e8;}
#drdw .inner > li{display: inline-block;padding: 25px 0;vertical-align: top;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e8;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 15px;font-size: 18px;color: #eb6300;text-align: center;font-weight: bold;}
#drdw .inner > li ul li a{display: block;font-size: 15px;line-height: 25px;color: #555555;text-align: center;}
#drdw .inner > li ul li.active a{font-weight: bold;}
#drdw .inner > li ul li ul {display: none;}
#drdw .inner > li.hidden-gnb{display: none;}

#footer{width: 1054px;position: relative;margin: 0 auto;}
#footer .fnbWrap{border-top: 1px solid #ddd;border-width: 1px 0 1px 0;}
#footer .ftWrap{margin: 0 auto;padding: 20px 0 45px;}
#footer address{zoom: 1;font-style: normal;}
#footer address:after{display: block;content: '';clear: both;}
#footer address .box{float: left;margin-right: 60px;box-sizing: border-box;padding-left: 10px;font-size: 13px;line-height: 20px;color: #555555;}
#footer address a {color: #eb6300;}
#footer .copyright{font-size: 10px;color: #999999;;position: absolute;bottom: 30px;right: 0;}

#gotop{display: block;text-indent: -999em;width: 58px;height: 58px;position: fixed;bottom: 100px;right: 50px;background: url('/images/main/bodytop.png');z-index:99;}

#fnb > li{display: inline-block;margin-right: 82px; }
#fnb > li a{font-size: 15px;color: #555555;letter-spacing: -1px;line-height: 75px;}

#ft-sns {position: absolute;top: 20px;right: 0;font-family: empty;font-size: 0;}
#ft-sns li {margin-right: 10px;display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#ft-sns li a {display: block;}
#ft-sns li a img {display: block;}

/* for mobile */
#slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
#slide-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url('../images/layout/slide-close.png') no-repeat center center;background-size: 20px auto;}

#slide-menu{position: fixed;top: 0;right: -100%;width: 80%;height: 100%;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
#slide-menu .tit{height: 50px;position: relative;background: #EA6200;}
#slide-menu.on{right: 0;}

#tnb-mo{text-align: center;line-height: 40px;background: #f7f7f7;}
#tnb-mo > li{display: inline-block;margin: 0 10px;}
#tnb-mo > li a{font-size: 12px;color: #333;}

#gnb-mo > li{border-bottom: 1px solid #e1e1e1;}
#gnb-mo > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 14px;letter-spacing: -1px;color: #333;text-decoration: none;}
#gnb-mo > li > ul{padding: 10px 15px;border-top: 1px solid #e1e1e1;background: #f7f7f7;display: none;}
#gnb-mo > li > ul li a{line-height: 30px;font-size: 13px;color: #666;text-decoration: none;}
#gnb-mo > li.active > a{color:#EA6200}
#gnb-mo > li > ul li.active a{color:#EA6200}

#hd-lan-mo{position: absolute;top: 0;left: 15px;z-index: 92;}
#hd-lan-mo > a{display: block;line-height: 50px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('../images/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('../images/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;}
#hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('../images/layout/hd-lanbox-spr-mo.png');}
#hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan-mo.on > ul{display: block;}

/**************************************************
	Main
**************************************************/
#main{  }
#main #content{  }
#main #mainWrap{position: relative;width: 1054px;margin: 70px auto;}

#main .visual{position: relative;}
#main .visual .roll li{position: relative;overflow: hidden;}
#main .visual .roll li img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .bx-controls{position: absolute;right: 60px;top: 0;height: 100%;z-index: 71;white-space: nowrap;}
#main .visual .bx-controls:before{content: '';display: inline-block;width: 0;height: 100%;vertical-align: middle;}
#main .visual .bx-pager{display: inline-block;vertical-align: middle;}
#main .visual .bx-pager-item{display: block;margin: 5px 0;}
#main .visual .bx-pager-item a{display: block;width: 24px;height: 24px;background: url('/images/main/vis-bull.png');text-indent: -999em;}
#main .visual .bx-pager-item a.active{background-image: url('/images/main/vis-bull-on.png');}

#main .vis-tit{position: absolute;width: 100%;top: 105px;left: 0;text-align: center;z-index: 71;}
#main .vis-tit .t1{display: block;margin-top: 15px;font-size: 40px;letter-spacing: -1px;color: #fff;font-weight: 300;}
#main .vis-tit .t2{display: block;margin-top: 10px;font-size: 19px;letter-spacing: -1px;color: #fff;}

#main .vis-mn{position: absolute;z-index: 71;top: 390px;left: 0;width: 100%;text-align: center;}
#main .vis-mn li{position: relative;display: inline-block;margin: -21px 34px;width: 164px;height: 160px;box-sizing: border-box;padding-top: 25px;vertical-align: top;}
#main .vis-mn li:after{content: '';display: block;width: 25px;height: 26px;background: url('/images/main/vis-more.png');text-indent: -999em;position: absolute;bottom: 10px;left: 50%;margin-left: -13px;display: none;z-index: 2;}
#main .vis-mn .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;transform: rotate(45deg);transition: all 0.1s;}
#main .vis-mn .cov{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(42,43,60,0.7);transform: rotate(45deg);z-index: 1;transition: all 0.1s;}
#main .vis-mn .ico{position: relative;display: block;margin: 0 auto;z-index: 2;}
#main .vis-mn .tit{position: relative;display: block;font-size: 20px;color: #fff;letter-spacing: -1px;margin-top: 5px;z-index: 2;}
#main .vis-mn .txt{position: relative;font-size: 14px;line-height: 20px;display: block;width: 200px;margin-left: -100px;margin-top: 5px;left: 50%;color: #fff;white-space: nowrap;letter-spacing: -1px;font-weight: 200;display: none;z-index: 2;}

@media screen and (min-width: 1024px){
	#main .vis-mn li:hover:after{display: block;}
	#main .vis-mn li:hover{z-index: 2;}
	#main .vis-mn li:hover .link,
	#main .vis-mn li:hover .cov{transform:rotate(45deg) scale(1.3);}
	#main .vis-mn li:hover .cov{background: rgba(229,86,0,0.95);}
	#main .vis-mn li:hover .ico{display: none;}
	#main .vis-mn li:hover .tit{font-size: 22px;}
	#main .vis-mn li:hover .txt{display: block;}

	#main .vis-mn .mn1, #main .vis-mn .mn2, #main .vis-mn .mn3 { position: relative; left: 58px; }
	#main .vis-mn .mn6, #main .vis-mn .mn4, #main .vis-mn .mn5 { position: relative; left: -58px; }
}

#main .vis-scr{position: absolute;bottom: 80px;left: 50%;z-index: 81;margin-left: -14px;}
#main .vis-scr{
	-webkit-animation:ia 1s ease infinite;
	-moz-animation:ia 1s ease infinite;
	-ms-animation:ia 1s ease infinite;
	-o-animation:ia 1s ease infinite;
	animation:ia 1s ease infinite;
}
@keyframes ia {
	0% {bottom:80px;}
	70% {bottom:50px;}
	100% {bottom:80px;}
}

#main #bsn{margin-bottom: 70px;}
#main #bsn h4{text-align: center;margin-bottom: 40px;}
#main #bsn .rollWrap{position: relative;}
#main #bsn .roll li{display: inline-block;width: 285px;position: relative;}
#main #bsn .roll li:before{content: '';display: block;position: absolute;top: 0;left: -10px;width: 1px;height: 100%;background: #ddd;}
#main #bsn .roll .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#main #bsn .roll .tmb img{width: 100%;height: auto;}
#main #bsn .roll .info{padding: 20px;padding-right: 10px;}
#main #bsn .roll .info > span{display: block;}
#main #bsn .roll .info .tit{font-size: 19px;color: #333333;letter-spacing: -1px;display: block;margin-bottom: 10px;font-weight: 300;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#main #bsn .roll .info .txt{font-size: 14px;line-height: 20px;color: #777777;letter-spacing: -1px;margin-bottom: 20px;min-height: 80px;}
#main #bsn .roll .info:after{content: '';display: block;width: 104px;height: 30px;background: url('/images/main/bsn-more.jpg');}
#main #bsn .roll :hover .info:after{background-image: url('/images/main/bsn-more-on.jpg');}
#main #bsn .bx-prev{display: block;text-indent: -999em;width: 27px;height: 53px;background: url('/images/main/bsn-prev.jpg');position: absolute;top: 50%;left: -100px;margin-top: -26px;}
#main #bsn .bx-next{display: block;text-indent: -999em;width: 27px;height: 53px;background: url('/images/main/bsn-next.jpg');position: absolute;top: 50%;right: -100px;margin-top: -26px;}

#main #bn{margin-bottom: 70px;zoom: 1;margin: 0 -10px;margin-bottom: 70px;}
#main #bn:after{display: block;content: '';clear: both;}
#main #bn > *{position: relative;float: left;width: 517px;margin: 0 10px;overflow: hidden;}
#main #bn > *:after{content: '';display: block;position: absolute;bottom: 0;right: 0;width: 47px;height: 47px;background: #d7d7d7 url('/images/main/banner-more.png') no-repeat center center;}
#main #bn > *:hover:after{background-color: #eb6300;}
#main #bn .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;}
#main #bn .inner{padding: 40px 50px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;}
#main #bn .inner > span{display: block;}
#main #bn .tit{margin-bottom: 10px;font-size: 19px;color: #fff;font-weight: 300;letter-spacing: -1px;}
#main #bn .txt{font-size: 14px;line-height: 21px;color: #dddddd;letter-spacing: -1px;}
#main #bn :last-child .tit{color: #444444;}
#main #bn :last-child .txt{color: #777777;}

#main .latbox{zoom: 1;}
#main .latbox:after{display: block;content: '';clear: both;}
#main .latbox > *{float: left;}

#main #gate{width: 310px;margin-right: 10px;}
#main #gate li{position: relative;display: inline-block;width: 50%;height: 145px;text-align: center;box-sizing: border-box;vertical-align: top;padding-top: 20px;}
#main #gate li .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
#main #gate li .tit{display: block;text-align: center;font-size: 16px;color: #fff;margin-top: 5px;}
#main #gate li:nth-child(1){background: #f6f6f6;border: 1px solid #ddd;}
#main #gate li:nth-child(2){background: #eb6300;}
#main #gate li:nth-child(3){background: #42445b;}
#main #gate li:nth-child(4){background: #65677d;}
#main #gate li:first-child .tit{color: #444444;}

#main #cust{width: 320px;margin-right: 10px;}
#main #cust li{position: relative;margin-bottom: 10px;border: 1px solid #ddd;box-sizing: border-box;padding: 25px 20px;height: 140px;}
#main #cust li .tit{display: block;margin-bottom: 8px;font-size: 20px;color: #333333;font-weight: 300;letter-spacing: -1px;}
#main #cust li .txt{display: block;font-size: 14px;color: #777777;}
#main #cust li .ico{position: absolute;top: 50%;right: 20px;margin-top: -40px;height: 80px;}
#main #cust li .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#main #cust .contact{height: 140px;}
#main #cust .contact p{display: block;padding-left: 28px;background-repeat: no-repeat;background-position: 0 center;}
#main #cust .contact p.tel{font-size: 21px;line-height: 23px;color: #eb6300;font-weight: 600;background-image: url(../images/main/icon-tel.jpg);}
#main #cust .contact p.fax{font-size: 14px;color: #373737;margin-top: 8px;font-weight: 600;background-image: url(../images/main/icon-fax.jpg);}
#main #cust .contact p.fax strong{font-weight: 300;color: #373737;}

#main #notice{width: 404px;border: 1px solid #ddd;box-sizing: border-box;height: 290px;padding: 20px;}
#main #notice .tit{margin-bottom: 20px;position: relative;}
#main #notice .tit h4{font-size: 25px;color: #333333;letter-spacing: -1px;font-weight: 300;}
#main #notice .tit .more{position: absolute;top: 0;right: 0;text-indent: -999em;width: 38px;height: 38px;background: url('/images/main/lat-more.jpg');}
#main #notice .list li{position: relative;padding-right: 80px;}
#main #notice .list li .sbj{display: block;font-size: 14px;line-height: 31px;color: #555555;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
#main #notice .list li .date{position: absolute;top: 0;right: 0;line-height: 31px;font-size: 13px;color: #aaaaaa;}

/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{ position: relative;width: 1054px;margin: 70px auto 120px; }

#sub #content > *{}
#sub #subCont{}

#sub .sub-vis{position: relative;height: 280px;overflow: hidden;text-align: center;}
#sub .sub-vis > img{position: absolute;top: ;left: 50%;margin-left: -960px;z-index: -1;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;font-size: 35px;color: #fff;letter-spacing: -1px;z-index: 2;margin-top: -10px;}
#sub .sub-vis h2 em{display: block;font-style: normal;font-size: 14px;font-weight: 300;color: #fff;letter-spacing: 3px;}
#sub .sub-vis h2 p{display: block;font-size: 45px;letter-spacing: -1px;font-weight: 300;color: #fff;}

#sub .sub-tit{position: relative;margin-bottom: 50px;}
#sub .sub-tit h3{margin-top: 10px;font-size: 35px;color: #444444;font-weight: 300;letter-spacing: -1px;text-align: center;}

#lnb{width: 1200px;margin: -23px auto 0 auto;text-align: center;position: relative;z-index: 2;}
#lnb > li > a{display: none;background: #000;}
#lnb > li ul li{display: inline-block;vertical-align: top;border: 1px solid #ddd;margin-right: -1px;box-sizing: border-box;}
#lnb > li ul li a{display: block;line-height: 45px;font-size: 16px;text-decoration: none;text-align: center;color: #444444;letter-spacing: -1px;background: #fff;padding: 0 45px;}
#lnb > li ul li.active{border-color: #e55600;}
#lnb > li ul li.active a{background: #e55600;color: #fff;}

#navi{border-bottom:1px solid #ddd;}
#navi .in{font-size:0px;width: 1054px;margin: 0 auto;}
#navi span{position:relative;display:inline-block;vertical-align:top;border-right:1px solid #ddd;box-sizing: border-box;}
#navi span a{display:block;}
#navi span button{min-width:220px;height:50px;line-height:50px;padding:0 55px 0 25px;text-align:left;font-size:16px;color:#333;border:0px;background:#fff url(/images/layout/navi-arrow.png) no-repeat 90% 50%;;box-sizing:border-box;}
#navi span.home{width:60px;height:50px;line-height:50px;font-size:0px;border-left:1px solid #ddd;background:#fff url(/images/layout/navi-home.png) no-repeat 50% 50%}
#navi span ul{display:none;position:absolute;left:0;top:50px;width:100%;background:#eeeeee;z-index:5;border-bottom: 2px solid #e55600;}
#navi span ul li a{display:block;padding:13px 25px;text-decoration:none;font-size:16px;color:#333;border-top:1px solid #cccccc;}
#navi span ul li.active a,
#navi span ul li a:hover{color:#fff;background:#eb6300;}
#navi span ul li ul {display: none !important;}

.policybox{white-space: pre-wrap;}

.sub-tit{border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 40px;font-size: 35px;letter-spacing: -1px;color: #444444;font-weight: 300;text-align: center;}

.ctit{display: block;font-size: 26px;color: #444444;letter-spacing: -1px;font-weight: normal;margin-bottom: 15px;padding-left: 35px;background: url('/images/sub/ctit-bull.jpg') no-repeat 0 center;}
.ctit2{display: block;font-size: 20px;color: #e55600;letter-spacing: -1px;font-weight: 300;margin-bottom: 10px;padding-left: 20px;}
.ctit3{display:block;font-size:26px;color:#444444;letter-spacing: -1px;font-weight: normal;text-align:center;margin-bottom:20px;}

.ctxt{display: block;padding-left: 20px;font-size: 18px;line-height: 32px;color: #666666;}
.ctxt .red {font-size: 18px;line-height: 32px;color: #eb6300;}
.ctxt2{font-size:15px;line-height:25px;color:#666666;text-align:center;}


.clist{padding-left: 20px;}
.clist li{position: relative;font-size: 18px;color: #666666;line-height: 30px;padding: 5px 0;padding-left: 17px;}
.clist li:before{content: '';display: block;width: 5px;height: 5px;border-radius: 5px;background: #aaaaaa;position: absolute;top: 20px;left: 0;}

.cbox{border: 10px solid #f1f1f1;padding: 30px;}
.cbox h4{border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px;font-size: 25px;letter-spacing: -1px;color: #444444;font-weight: 300;}
.cbox h5{font-size: 22px;color: #444444;font-weight: 300;letter-spacing: -1px;margin-bottom: 10px;}
.cbox img {max-width: 100%;}
.cbox .cont{display: block;font-size: 15px;line-height: 25px;color: #777777;letter-spacing: -1px;margin-bottom: 15px;min-height: 75px;}
.cbox ul li{position: relative;padding-left: 230px;margin-bottom: 50px;min-height: 18px;}
.cbox ul li > strong{position: absolute;top: 0;left: 0;font-size: 19px;color: #333333;letter-spacing: -1px;font-weight: 300;}
.cbox ul li > strong em{margin-right: 10px;color: #e55600;font-style: normal;}
.cbox ul li p{display: block;font-size: 17px;line-height: 40px;color: #777777;}

.cboxWrap{zoom: 1;}
.cboxWrap:after{display: block;content: '';clear: both;}
.cboxWrap .cbox{width: 512px;box-sizing: border-box;margin-left: 30px;float: left;}
.cboxWrap .cbox:first-child{margin-left: 0;}

.pf-list{margin: 0 -10px;}
.pf-list > li{position: relative;display: inline-block;width: 248px;padding: 0 10px;vertical-align: top;margin-bottom: 40px;}
.pf-list > li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #ddd;}
.pf-list > li:nth-child(4n+1):before{display: none;}
.pf-list .link{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.pf-list .tmb{position: relative;padding-bottom: 80%;background-position: center center;background-size: cover;}
.pf-list .info{padding: 20px;position: relative;}
.pf-list .info .cat{display: block;font-size: 14px;color: #eb6300;font-weight: 300;margin-bottom: 5px;}
.pf-list .info .tit{display: block;font-size: 17px;line-height: 24px;color: #333333;letter-spacing: -1px;height: 50px;overflow: hidden;margin-bottom: 15px;}
.pf-list .info .tit .stat{display: inline-block;vertical-align: middle;margin-right: 3px;line-height: 20px;padding: 0 15px;border-radius: 4px;font-size: 13px;color: #fff;font-style: normal;}
.pf-list .info .tit .stat.gray{background: #bbbbbb;}
.pf-list .info .tit .stat.blue{background: #3d5499;}
.pf-list .opt li{position: relative;padding: 2px 0;padding-left: 65px;letter-spacing: -1px;color: #888888;}
.pf-list .opt li strong{position: absolute;top: 3px;left: 0;font-size: 13px;color: #555555;font-weight: 300;letter-spacing: -1px;}

/*190417*/
.cad-list {border:1px solid #ddd;box-sizing:border-box;}
.cad-list li{display:inline-block;vertical-align:top;padding:30px 5px;width:33.3334%;height:300px;text-align:center;box-sizing:border-box;}
.cad-list li:nth-child(2n-1){background:#fff;}
.cad-list li:nth-child(2n){background:#f5f5f5}
.cad-list li strong{display:block;margin:25px 0 15px;font-size:24px;line-height:1em;color:#444444;}
.cad-list li p{font-size:17px;line-height:28px;color:#666666;}

.cad-info{position:relative;padding:14px 180px 14px 0px;min-height:66px;font-size:0px;border:1px solid #ddd;background:url(/images/sub/cad-info-bg.jpg) repeat-y;box-sizing:border-box;}
.cad-info em{display:inline-block;vertical-align:middle;width:280px;min-height:30px;padding-left:45px;text-align:center;font-style:normal;font-size:20px;color:#fff;background:#e76212 url(/images/sub/cad-info-ico1.png) no-repeat 58px 50%;box-sizing:border-box;}
.cad-info .more{position:absolute;right:10px;top:10px;width:170px;height:45px;line-height:45px;padding-left:25px;text-align:center;font-size:16px;color:#ffffff;background:#4f5066 url(/images/sub/cad-info-ico2.png) no-repeat 33px 50%;box-sizing:border-box;}
.cad-info ul{display:inline-block;vertical-align:middle;width:590px;text-align:center;}
.cad-info li{position:relative;display:inline-block;vertical-align:top;margin:5px 0 5px 30px;padding:0 0 0 30px;font-size:18px;line-height:26px;color:#666666;}
.cad-info li:first-child {padding-left: 0;margin-left: 0;}
.cad-info li:before{content:'';position:absolute;left:0;top:50%;margin-top:-8px;width:1px;height:16px;background:#ddd;}
.cad-info li:first-child:before{display:none;}
.cad-info li strong{display:inline-block;margin-right:20px;}

.cust2-list li{display:inline-block;vertical-align:top;width:33.333%;text-align:center;}
.cust2-list li strong{position:relative;display:block;width:250px;height:90px;margin:-60px auto 25px;text-align:center;z-index:1}
.cust2-list li strong:after{content:'';display:inline-block;vertical-align:middle;width:0px;height:100%;}
.cust2-list li strong span{display:inline-block;vertical-align:middle;font-size:18px;line-height:25px;color:#ffffff}
.cust2-list li:nth-child(2n-1) strong{background:#e76212}
.cust2-list li:nth-child(2n) strong{background:#42445b;}
.cust2-list li p{font-size:15px;line-height:25px;color:#666666}
.cust2-list li .image img {display: block;width: 100%;}

.cust2-process{padding-left: 75px;padding-right: 75px;}
.cust2-process h4{border:0px;padding-bottom:0px;font-size: 28px;color: #444444;font-weight: 500;letter-spacing: -0.05em;}
.cust2-process h4.kingdom{font-size: 35px;font-weight: 600;color: #111;margin-bottom: 35px;}
.cust2-process .ctxt2 {font-size: 20px;color: #666666;}
.cust2-process .process {margin-top:20px;}
.cust2-process ul li{display: block;margin-bottom: 25px;padding-left:95px;padding-top: 5px;background-position:0 0;background-repeat:no-repeat;box-sizing:border-box;-webkit-background-size: 45px auto;background-size: 45px auto;}
.cust2-process ul li.box1{background-image:url(/images/sub/cust2-ico1.png)}
.cust2-process ul li.box2{background-image:url(/images/sub/cust2-ico2.png)}
.cust2-process ul li.box3{background-image:url(/images/sub/cust2-ico3.png)}
.cust2-process ul li.box4{background-image:url(/images/sub/cust2-ico4.png)}
.cust2-process ul li h5{color:#e55600}
.cust2-process .dot > li {position: relative;padding: 0 0 0 55px;font-size: 17px;color: #777777;line-height: 35px;margin: 10px 0;}
.cust2-process .dot > li:after {display: block;content: '';position: absolute;top: 8px;left: 0;width: 8px;height: 8px;border: 4px solid #e55600;border-radius: 50%;}

.cust2 .btn-down {font-size:0px;text-align: center;}
.cust2 .btn-down a{display:inline-block;vertical-align:top;width:220px;height:45px;line-height:45px;text-align:center;text-indent: 25px;font-size:14px;color:#fff;font-weight: 100;background-color:#42445b;background-position: 0 center;background-repeat:no-repeat;box-sizing:border-box; }
.cust2 .btn-down a.btn-type1{background-color:#42445b;background-image:url(/images/sub/btn-type1.png);}
.cust2 .btn-down a.btn-type2{background-color:#e76212;background-image:url(/images/sub/btn-type2.png);}
.cust2 .btn-down a:hover{text-decoration:none;}

.aboutus{position:relative;padding-right:270px;min-height:580px;}
.aboutus h3{margin-bottom:25px;font-weight:normal;font-size:32px;line-height:48px;color:#333333;}
.aboutus p{margin:0 0 20px 0;font-size:17px;line-height:33px;color:#666666;letter-spacing: -0.02em;}
.aboutus p strong {font-size: 17px;line-height:33px;font-weight: 300;color: #000000;letter-spacing: -0.02em;}
.aboutus p span {font-size: 17px;line-height:33px;font-weight: 300;color: #e76212;letter-spacing: -0.02em;}
.aboutus .sign{display:block;margin-top:25px;}
.aboutus .image{position:absolute;right:0;top:0;}

.greetings{position:relative;padding:35px 35px 35px 350px;}
.greetings .image{position:absolute;left:35px;top:35px;}
.greetings .image p{margin-top:25px;text-align:center;font-size:26px;color:#444444;}
/* .greetings .image p strong{font-size:25px;} */
.greetings .info table{width:100%;border-top: 1px solid #ddd;}
.greetings .info table tr{border-bottom:1px solid #ddd;}
.greetings .info table th{vertical-align:top;padding:25px 35px;text-align:left;font-size:21px;color:#444444;background:#f8f8f8;}
.greetings .info table td{padding:25px;}
.greetings .info li{position:relative;padding-left:6px;font-size:17px;line-height:33px;margin:0px;color:#777777;}
.greetings .info li:before{content:'';position:absolute;left:0;top:15px;width:2px;height:2px;background:#777777}

.location .info{padding:10px;text-align:center;border:1px solid #ddd;}
.location .info li{display:inline-block;vertical-align:middle;margin:5px 15px;font-size:17px;color:#777777;}
.location .info li strong{display:inline-block;vertical-align:middle;margin-right:10px;font-weight:500;font-size:20px;line-height:1em;color:#333333;}
.location .info li strong img{margin-right:8px;margin-top:-3px;}

#history .top{margin-bottom:60px;}
#history .top:after{content:'';display:block;clear:both;}
#history .top > div{float:left;width:50%;height:250px;box-sizing:border-box;}
#history .top .left{padding:75px 60px 75px 60px;background:url(/images/sub/history-bg1.jpg);}
#history .top .left h3{margin-bottom:10px;font-size:26px;color:#ffffff;}
#history .top .left h4{font-weight:normal;font-size:16px;color:#ffffff;}
#history .top .right{background:url(/images/sub/history-bg2.jpg);}
#history dl{position:relative;padding-left:170px;padding-bottom:40px;min-height:50px;}
#history dl.last{padding-bottom:0px;}
#history dt{position:absolute;left:0;top:-10px;font-weight:bold;font-size:38px;color:#222222;}
#history dd{position:relative;padding-left:118px;font-size:19px;line-height:42px;}
#history dd strong{position:absolute;left:0;top:0;padding-left:35px;font-size:21px;color:#eb6300;}
/*circle*/
#history dl:before{content:'';position:absolute;left:158px;top:9px;width:24px;height:24px;background:url(/images/sub/history-dot.png);z-index:1;}
/*line*/
#history dl:after{content:'';position:absolute;left:170px;top:10px;width:1px;height:100%;background:#ddd;}
#history dl.last:after{display:none;}
/*  */
#history .tab1 > li {width: 50%;}

#bsn_popup {position: fixed;top: 0;left: 0;z-index: 999998;width: 100%;height: 100%;font-family: empty;font-size: 0;text-align: center;background: rgb(0,0,0,0.5);display: none;}
#bsn_popup:before,
#bsn_popup .center {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;}
#bsn_popup:before {content: '';width: 0;height: 100%;}
#bsn_popup .center {overflow:auto;width: 1024px;min-height: 50%;max-height: 80%;background: #fff;padding: 30px;position: relative;box-sizing: border-box;}
#bsn_popup .center .close {position: absolute;top: 30px;right: 30px;border: 0;background: none;}
#bsn_popup .center .close img {display: block;}
#bsn_popup .desc {text-align: left;}
#bsn_popup .desc:after {display: block;clear: both;content: '';}
#bsn_popup .desc .img {float: left;width: 50%;}
#bsn_popup .desc .img img {display: block;max-width:100%;height:auto;}
#bsn_popup .desc dl {float: right;width: 48%;}
#bsn_popup .desc dl dt {display: block;border-bottom: 1px solid #ddd;padding: 20px 0;margin-bottom: 40px;margin-right: 100px;font-size: 28px;color: #343434;font-weight: normal;letter-spacing: -0.0em;line-height: 1.2em;word-break: keep-all !important;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
#bsn_popup .desc dl dt em {display: block;font-size: 16px;color: #ec6400;font-weight: normal;letter-spacing: -0.02em;font-style: normal;}
#bsn_popup .desc dl dt .icon {margin-left: 10px;display: inline-block;zoom: 1;*display: inline;vertical-align: middle;padding: 0 10px;border-radius: 5px;height: 22px;line-height: 22px;font-size: 12px;color: #fff;font-weight: 100;letter-spacing: -0.02em;background: #3d5498;}
#bsn_popup .desc dl dd ul li {padding-left: 85px;position: relative;display: block;margin: 10px 0;font-size: 16px;color: #666;letter-spacing: -0.02em;line-height: 1.4em;}
#bsn_popup .desc dl dd ul li b {position: absolute;top: 0;left: 0;font-size: 16px;color: #333;letter-spacing: -0.02em;line-height: 1.4em;}


.ctit {position: relative;}
.tab_posi {position: absolute;top: -50px;}

.br {width: 0;height: 0;overflow: hidden;display: block;}


.ml20 {margin-left: 20px !important;}





.eng #gnb {left: 200px;}
.eng #gnb > li > a {padding: 0 25px;}

.eng #main .vis-mn .tit {font-size: 18px;}
@media screen and (min-width: 1024px){
    .eng #main .vis-mn li:hover .tit {font-size: 18px;}
}

.eng .pf-list .opt li {padding-left: 95px;}
.eng .pf-list .opt li sup {font-size: 9px;}

.eng .cad-list li {height: 332px;}

.eng .aboutus {padding-right: 0;}

.eng .greetings .info table th {font-size: 19px;padding: 25px 20px;}
.eng .greetings .info li {line-height: 1.6em;margin: 10px 0;}

.eng .cbox > ul.opt li {padding-left: 250px;}
.eng .cbox > ul.opt li > strong {top: 5px;}

.eng .cad-info em {background-position: 32px 50%;}
.eng .cad-info .more {padding-left: 20px;background-position: 12px 50%;font-size: 15px;}

.eng .cust2 .btn-down a {width: 275px;}

.eng .cust2-list li strong {width: 300px;}
.eng .cust2-list li p {margin: 0 5px;}

.mo-only { display: none !important; }
.mo-br { display: none !important; }