#wrap{position:relative; overflow:hidden; width:100%;}
.inner{width:1180px; margin:0 auto;}
.inner:after{content:''; display:block; clear:both;}


#header{position:absolute; z-index:99; top:0; left:0; width:100%; height:90px; border-bottom:1px solid rgba(255,255,255,0.4);}

.logo-area{float:left; padding-top:17px;}
.logo-area a:first-child:after{content:'|'; display:inline-block; margin:0 20px; font-size:30px; font-weight:100; color:#fff; vertical-align:-5px;}

.gnb{float:right; padding-top:31px;}
.gnb:after{content:''; display:block; clear:both;}
.gnb li{float:left; margin-right:40px;}
.gnb li:last-child{margin-right:0;}
.gnb li a{font-size:18px; color:#fff;}
.gnb li a:hover, .gnb li.active a{color:#01b3e3;}

/* Mobile Menu */
.mo-menu-trigger, .mo-menu-trigger span{display:inline-block; transition:all .4s; box-sizing:border-box;}
.mo-menu-trigger{display:none;}
.mo-menu-trigger span{position:absolute; left:0; width:100%; height:4px; background-color:#fff; border-radius:4px;}
.mo-menu-trigger span:nth-of-type(1){top:0;}
.mo-menu-trigger span:nth-of-type(2){top:10px;}
.mo-menu-trigger span:nth-of-type(3){bottom:0;}

.mo-menu-trigger.active span:nth-of-type(1){
	-webkit-transform:translateY(10px) rotate(-315deg);
	transform:translateY(10px) rotate(-315deg);
}
.mo-menu-trigger.active span:nth-of-type(2){
	opacity:0;
}
.mo-menu-trigger.active span:nth-of-type(3){
	-webkit-transform:translateY(-10px) rotate(315deg);
	transform:translateY(-10px) rotate(315deg);
}

.m-gnb-bg{display:none;}


.main-bg1{background:url('../images/main-bg2.jpg') center no-repeat;}
.main-bg2{background:url('../images/main-bg1.jpg') center no-repeat;}
.main-bg3{background:url('../images/main-bg3.jpg') center no-repeat;}
.main-bg4{background:url('../images/main-bg4.jpg') center no-repeat;}


.slider-view{}
.slick-list, .slick-track{height:100%;}

.main-tit{color:#fff; text-align:center; background-size:cover;}
.main-tit-area{margin-top:18%; font-weight:300;}
.main-tit-area dd:first-child strong{padding:5px 20px; font-size:20px; border-radius:200px; border:1px solid #fff;}
.main-tit-area dt{margin-bottom:5px; font-size:60px; font-weight:700;}
.main-tit-area dd:nth-child(3){margin-bottom:35px; font-size:18px;}

.btn-arrow{text-align:center;}
.btn-arrow a{display:inline-block; padding:8px 45px 10px 45px; font-size:18px; font-weight:300; color:#fff; background-color:#00b3e3;}
.btn-arrow a img{display:inline; margin-left:15px;}



/* 버튼 */
.slick-dots{position:absolute; z-index:10; bottom:20%; left:25%; right:25%; width:50%;}
.slick-dots:after{content:''; display:block; clear:both;}
.slick-dots > li{position:relative; float:left; width:23%; margin-right:2%; font-size:0; line-height:0; box-shadow:10px 10px 10px rgba(0, 0, 0, 0.39);}
.slick-dots > li:nth-child(odd){top:-40px;}
.slick-dots > li:last-child{margin-right:0;}

/*.slick-dots > li > a.in_but_arr img{opacity:0.5;}*/
.slick-dots > li > a.active img{opacity:1;}
.slick-dots > li > button{position:relative; width:100%; height:240px; border:0; cursor:pointer; text-indent:-9999px; background-color:#4d98b7;}
.slick-dots > li > button:after{content:''; display:block; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; opacity:0.5;}
.slick-dots > li > button.changed:after{opacity:1;}
.slick-dots > li > button.changed > a.in_but_arr img{opacity:1;}

#slick-slide-control00:after{background:url('../images/dot-img01-off.jpg') center no-repeat; background-size:cover;}
#slick-slide-control01:after{background:url('../images/dot-img02-off.jpg') center no-repeat; background-size:cover;}
#slick-slide-control02:after{background:url('../images/dot-img03-off.jpg') center no-repeat; background-size:cover;}
#slick-slide-control03:after{background:url('../images/dot-img04-off.jpg') center no-repeat; background-size:cover;}


/* footer */
#footer div.inner:after{content:""; display:block; clear:both;}
#footer div dl{color:#fff;}
#footer div dl a{color:#fff; text-decoration:underline;}
.main-foo{position:absolute; z-index:999999999; bottom:0; left:0; width:100%; padding:20px 0; border-top:1px solid rgba(255, 255, 255, 0.4)}

.footer-cus{float:right;}
.footer-cus dt{margin-bottom:10px;}
.footer-cus dt strong{display:block; font-size:24px; line-height:1; font-weight:700;}

.footer-info{float:left;}
.footer-info dt span{margin-right:10px;}
/* .footer-info a:first-child:after{content:'/'; display:inline-block; padding:0 10px; font-size:10px; vertical-align:2px; text-decoration:none;} */



/* subpage */
#sub-visual{width:100%; height:380px; text-align:center; background-size:cover;}
#sub-visual h1{padding-top:207px; color:#fff; font-size:40px; font-weight:700;}
.vi-company{background:url('../images/bg-company.jpg') center no-repeat;}
.vi-business{background:url('../images/bg-business.jpg') center no-repeat;}
.vi-product{background:url('../images/bg-product.jpg') center no-repeat;}
.vi-customer{background:url('../images/bg-customer.jpg') center no-repeat;}

#contents{padding:30px 0 60px 0;}

/* tab */
.tab-area{display:table; width:1180px; margin:0 auto; margin-bottom:60px; border:1px solid #e0e1e4;}
.tab-area li{display:table-cell; font-size:18px; text-align:center; vertical-align:middle; border-right:1px solid #e0e1e4; background-color:#fff; cursor:pointer;}
.tab-area li:last-child{border-right:0;}
.tab-area li.active, .tab-area li:hover, .tab-area li.active a, .tab-area li:hover a{color:#fff; background-color:#282562;}
.tab-area li span, .tab-area li a{display:inline-block; width:100%; padding:12px 0;}

.tab-col2 li{width:50%;}
.tab-col4 li{width:25%;}
.tab-col7 li{width:14.28%;}

.tab-list{}
.tab-list > li{position:absolute; z-index:99; top:-9999999999999999px; left:0; width:1180px; margin:0 auto;}
.tab-list > li.freeW{width:100%;}
.tab-list > li.active{position:static;}


/* company */
.company-mean{text-align:center;}
.company-mean dt{font-size:28px; font-weight:500;}
.company-mean dt strong{font-weight:700;}
.company-mean img{display:inline-block; margin-bottom:15px;}

.company-mean dd{margin-top:3px; font-size:16px; color:#909090;}
.company-mean dd strong{font-weight:normal;}
.company-mean dd strong:after{content:'●'; display:inline-block; padding:0 10px; font-size:4px; color:#282562; vertical-align:2px;}
.company-mean dd strong:last-child:after{display:none;}

.company-goal{margin-top:60px;}
.company-goal:after{content:''; display:block; clear:both;}

.company-goal li{float:left; width:25%; padding:30px; text-align:center; border-right:1px solid #e0e1e4; box-sizing:border-box;}
.company-goal li:last-child{border-right:0;}

.company-goal dt strong{display:block; margin-top:12px; font-size:28px; font-weight:normal;}
.company-goal dd{margin-top:7px; color:#757678;}


/* history */
.company-summary{padding:35px 70px 25px 70px; font-size:16px; color:#fff; background:url('../images/history-bg.png') center no-repeat; background-size:cover;}
.company-summary:after{content:''; display:block; clear:both;}
.company-summary li{float:left; width:50%; margin-bottom:10px; padding-left:10px; background:url('../images/point-white.png') 0 10px no-repeat; box-sizing:border-box;}
.company-summary li strong{display:inline-block; width:15%; box-sizing:border-box;}
.company-summary li span{display:inline-block; width:84%;}

.history{margin-top:50px;}
.his-tab{display:table; width:80%; margin:0 auto; margin-bottom:60px;}
.his-tab li{display:table-cell; width:50%; height:50px; font-size:18px; color:#7d7d7d; text-align:center; vertical-align:middle; background-color:#dfdfdf; cursor:pointer;}
.his-tab li.active{color:#fff; background-color:#6a7f9f;}

.his-con > li{background:url('../images/line-bg.jpg') center repeat-y;}
.his-con > li:after{content:''; display:block; clear:both;}
.his-con > li:nth-child(2){display:none;}
.his-con dl{margin-bottom:40px; color:#8b8b8b; box-sizing:border-box;}
.his-con dl:nth-child(odd){float:left; width:50.4%; text-align:right; padding-right:30px; background:url('../images/history-point.png') right top no-repeat;}
.his-con dl:nth-child(even){float:right; width:50.3%; text-align:left; padding-left:30px; background:url('../images/history-point.png') left top no-repeat;}
.his-con dl:last-child{margin-bottom:0;}

.his-con dl dt{margin-top:-18px; font-size:40px; line-height:1; font-weight:700; color:#6a7f9f;}
.his-con dl dd{margin-top:8px; line-height:1.2;}

.organ-header{width:77.3%; margin:0 auto; background:url('../images/line-bg.jpg') center repeat-y, url('../images/line-bg.jpg') bottom center repeat-x;}
.organ-header:after{content:''; display:block; clear:both;}
.organ-header dt{display:block; text-align:center;}
.organ-header dt h3{display:inline-block; width:170px; height:170px; padding:50px 0; font-size:16px; color:#fff; text-align:center; background-color:#282562; border-radius:200px; box-sizing:border-box;}
.organ-header dt h3 strong{display:block; font-size:24px; font-weight:700;}
.organ-header dd{float:right; width:34%; margin-right:16%; margin-top:30px; margin-bottom:50px; text-align:right; background:url('../images/line-bg.jpg') center repeat-x;}
.organ-header dd strong{display:inline-block; width:70%; padding:11px 0; font-size:18px; color:#fff; text-align:center; background-color:#6a7f9f;}

.organ-contents{}
.organ-contents:after{content:''; display:block; clear:both;}
.organ-contents li{float:left; width:22.75%; margin-right:3%; text-align:center;}
.organ-contents li:last-child{margin-right:0;}

.organ-contents li dl{padding-top:40px; background:url('../images/line-bg.jpg') center repeat-y;}
.organ-contents li dl dt{font-size:18px; padding:10px 0; color:#fff; background-color:#739398;}
.organ-contents li dl dd{font-size:16px; margin-top:10px; padding:10px 0; border:2px solid #739398; background-color:#fff; box-sizing:border-box;}

.location{display:table; width:1180px; margin:0 auto;}
.location > div{display:table-cell; width:58%; background:url('../images/location-bg.jpg') center; background-size:cover;}
.location dl{display:table-cell; width:38%; padding:30px 0 30px 4%; vertical-align:bottom;}
.location dl dt{padding-bottom:22px; font-size:34px; vertical-align:bottom; border-bottom:1px solid #e0e1e4; box-sizing:border-box;}
.location dl dt span{display:inline-block; font-size:15px; color:#757678; vertical-align:-2px;}
.location dl dt img{margin-right:13px; vertical-align:-2px;}
.location dl dd{margin-top:30px;}
.location dl dd:after{content:''; display:block; clear:both;}
.location dl dd img{float:left; margin-right:10px;}
.location dl dd div{font-size:16px; line-height:1.2;}
.location dl dd div strong{font-size:18px; font-weight:700;}

.office{margin-top:60px; padding:60px 0; text-align:center; background-color:#f3f3f3;}
.office h3{font-size:34px; margin-bottom:20px;}
.office ul{width:1180px; margin:0 auto;}
.office ul:after{content:''; display:block; clear:both;}

.office li{float:left; width:23.5%; margin-right:2%; padding:20px; color:#fff; background-color:#739398; box-sizing:border-box;}
.office li:last-child{margin-right:0;}
.office li a{display:block; color:#fff;}
.office li dt{margin-bottom:10px; padding-bottom:20px; font-size:18px; font-weight:700; background:url('../images/bar-white.jpg') center bottom no-repeat;}
.office li dd{height:62px;}


/* business */
.sub-tit-area{margin-bottom:40px; text-align:center;}
.sub-tit-area dt h2{font-size:28px;}
.sub-tit-area dd{margin-top:15px; font-size:16px; color:#757678;}

.bus-intro{width:1180px; margin:0 auto; margin-bottom:90px; text-align:center; background:url('../images/business-arrow.png') center 164px no-repeat;}
.bus-intro h3{display:inline-block; width:170px; height:170px; padding:50px 0; font-size:20px; color:#fff; text-align:center; border-radius:200px; background-color:#282562; box-sizing:border-box;}

.bus-intro ul{margin-top:116px; text-align:left;}
.bus-intro ul:after{content:''; display:block; clear:both;}
.bus-intro ul li{float:left; width:23.5%; margin-right:2%;}
.bus-intro ul li:last-child{margin-right:0;}

.bus-intro ul li dt{padding:5px 0; font-size:16px; color:#fff; text-align:center; background-color:#6a7f9f;}
.bus-intro ul li dd{padding:10px 15px; color:#757678; border:1px solid #e0e1e4; border-top:0px;}
.bus-intro ul li dd span{display:block; margin-bottom:8px; padding-left:8px; line-height:1.2; background:url('../images/business-point.png') 0 7px no-repeat;}

.device{margin-bottom:-60px; padding:60px 0; background-color:#f3f3f3;}
.device-list{width:1180px; margin:0 auto;}

.device-list dl{width:620px; margin:0 auto; margin-bottom:30px;}
.device-list dl:after{content:''; display:block; clear:both;}
.device-list dl:last-child{margin-bottom:0;}

.device-list dl dt{float:left; width:35%; margin-right:5%; padding:15px 0; font-size:20px; color:#fff; text-align:center; background-color:#282562;}
.device-list dl dd{float:right; width:60%;}
.device-list dd li{margin-bottom:10px; padding:17px 20px; color:#757678; border:2px solid #282562; box-sizing:border-box; background-color:#fff;}
.device-list dd li strong{display:inline-block; width:120px; font-size:16px; font-weight:700; color:#282562;}

.partner-list{}
.partner-list:after{content:''; display:block; clear:both;}

.partner-list li{float:left; width:18.4%; margin-right:2%; margin-bottom:20px; border:1px solid #e0e1e4; box-sizing:border-box;}
.partner-list li:nth-child(5n){margin-right:0;}
.partner-list li img{width:100%;}


/* product */
.product-area{margin-bottom:40px;}
.product-area:after{content:''; display:block; clear:both;}

.product-area li{float:left; width:23.5%; margin-right:2%; margin-bottom:20px; border:1px solid #e0e1e4; box-sizing:border-box;}
.product-area li:nth-child(4n){margin-right:0;}

.pro-img img{width:100%;}
.pro-con{padding:30px 20px; text-align:center; background-color:#f6f6f6}
.pro-con h3{margin-bottom:20px; font-size:20px; font-weight:700;height:60px}
.pro-con dl{margin-bottom:7px; text-align:left;}
.pro-con dl:last-child{}
.pro-con dl:after{content:''; display:block; clear:both;}
.pro-con dt{float:left; width:35%; color:#282562; font-weight:700;}
.pro-con dd{float:right; width:65%; color:#757678;}
.pro-btn:after{content:''; display:block; clear:both;}
.pro-btn a{display:block; float:left; width:50%; padding:8px 0; font-size:16px; text-align:center; color:#fff;}
.pro-btn a:first-child{background-color:#282562;}
.pro-btn a:last-child{background-color:#6a7f9f;}

.border-num{display:table; margin:0 auto; margin-top:20px;}
.border-num li{display:table-cell; vertical-align:middle;}
.border-num li a{display:inline-block; padding:5px 10px;}
.border-num li.ative a, .border-num li a:hover{color:#282562; font-weight:700;}


/* customer */
.input-list{width:960px; margin:0 auto;}
.input-list:after{content:''; display:block; clear:both;}
.input-list li{float:left; width:49%; margin-right:2%; margin-bottom:20px;}
.input-list li:nth-child(2n){margin-right:0;}

input[type="text"]{width:100%; height:45px; padding:10px 20px; font-size:16px; color:#a9a9a9; border:1px solid #e0e1e4; background-color:#fff; box-sizing:border-box;}
label{cursor:pointer;}
textarea{width:100%; height:250px; padding:10px 20px; font-size:16px; color:#a9a9a9; border:1px solid #e0e1e4; box-sizing:border-box;}

.contact-list{width:960px; margin:0 auto; margin-bottom:30px; padding:20px 0; font-size:16px; color:#757678; text-align:center; background-color:#f3f3f3;}
.contact-list label{margin-right:20px;}
.contact-list label:last-child{margin-right:0;}
.contact-list label input[type="radio"]{width:20px; height:20px; margin-right:5px; vertical-align:-4px;}

.contact-txt{width:960px; margin:0 auto; margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid #282562;}
.privacy-area{width:960px; height:300px; margin:0 auto; padding:20px; color:#757678; border:1px solid #e0e1e4; overflow-y:scroll; box-sizing:border-box;}
.agree-area{width:960px; margin:0 auto; margin-bottom:40px; color:#757678;}
.agree-area input[type="checkbox"]{margin-right:5px; vertical-align:-2px;}

.btn-area{text-align:center;}
.btn-area a{display:inline-block; padding:20px 75px; font-size:20px; color:#fff; background-color:#282562;}


.news-area:after{content:''; display:block; clear:both;}
.news-area li{float:left; width:49%; margin-right:2%; margin-bottom:20px;}
.news-area li:nth-child(2n){margin-right:0;}

.news-img img{width:100%;}
.news-area dt{margin-top:13px; margin-bottom:10px; font-size:20px; font-weight:700;}
.news-area dd{color:#757678;}
.news-area dd:last-child{margin-top:11px; font-size:13px; color:#b3b3b3;}

.newsView-area dl{margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #e5e5e5;}
.newsView-area dt{font-size:24px; font-weight:700;}
.newsView-area dd{font-size:13px; color:#b3b3b3;}
.newsView-area p{font-size:16px; color:#757678;}



.sub-foo{padding:30px 0; background-color:#474747;}



/* 추가 */
.pro-con > table td{padding:5px;border:0px solid #000;text-align:left !important}
.pro-con > table td:nth-child(odd){width:35%; color:#282562; font-weight:700;}
.pro-con > table td:nth-child(even){width:65%;  color:#757678;}
ul.pagination {margin:0 auto;display:inline-block}
ul.pagination li{float:left;border:1px solid #eee;margin-right:5px}
ul.pagination li.active{border:1px solid #01b3e3}
ul.pagination li a{display:block;padding:5px 10px;}

.page_area{border:0px solid #000;text-align:center;}
.clearfix{clear:both}


/* 개인정보 */
.privacy-area h3{font-size:18px; font-weight:700;}			
.pri-num{margin-left:20px;}
.pri-num h4{margin-bottom:10px; font-size:16px; font-weight:700;}
.pri-num > li{margin-top:20px; list-style:decimal;}
.pri-num-disc{margin:5px 0 10px 15px;}
.pri-num-disc > li{margin-bottom:5px; list-style:disc;}
.pri-num-disc > li:last-child{margin-bottom:0;}
.pri-num-al{margin:5px 0 10px 20px;}
.pri-num-al > li{margin-bottom:5px; list-style:lower-alpha;}
.pri-num-al > li:last-child{margin-bottom:0;}


@media only screen and (max-width: 1600px) {
	.slick-dots{left:15%; right:15%; width:70%;}
}


@media only screen and (max-width: 1180px) {
	.inner{width:auto; padding:0 20px;}

	.slick-dots{left:2%; right:2% ; width:96%;}


	/* tab */
	.tab-area{width:100%;}
	.tab-list > li{width:auto; padding:0 20px; box-sizing:border-box;}
	.tab-list > li.freeW{width:100%; padding:0;}

	/* company */
	.company-goal li{padding:20px 30px;}

	/* history */
	.company-summary{padding:30px; font-size:14px;}
	.company-summary li strong{width:20%;}
	.company-summary li span{width:79%;}

	.location{width:100%; padding:0 20px; box-sizing:border-box;}
	.office ul{width:100%; padding:0 20px; box-sizing:border-box;}

	/* business */
	.bus-intro, .device-list{width:100%; padding:0 20px; box-sizing:border-box;}
}

@media only screen and (max-width: 960px){
	
	/* gnb */
	.gnb{position:fixed; top:0; right:0px; margin-top:0; z-index:99999999999999999999; width:320px; height:100%; padding-top:23px; background-color:#252525; transform: translateX(320px); -webkit-transform:translateX(320px); opacity:0;}
	.gnb.active{opacity:1; transform:translateX(0px); -webkit-transform:translateX(0px); transition:all .4s;}
	.gnb li{float:none; width:100%; padding-top:0px; border-bottom:1px solid #2e2d2d;}
	.gnb li a{display:block; height:auto; width:100%; color:#fff; padding:20px 0; text-align:center;}
	.gnb li.ative a, .gnb li a:hover{color:#01b3e3; border-bottom:0px;}
	
	.m-gnb-bg.active{position:fixed; display:block; top:0; left:0; z-index:9; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); cursor:pointer;}
	.mo-menu-trigger{position:absolute; top:33px; right:20px; z-index:99999999999999999999; display:block; width:34px; height:24px; cursor:pointer;}
	.mo-menu-trigger.active{position:fixed;}
	.mo-menu-trigger.active span{background-color:#fff;}

	/* main tit */
	.main-tit-area dd:first-child strong{font-size:16px;}
	.main-tit-area dt{margin-top:10px; font-size:40px; line-height:1.3;}
	.main-tit-area dd:nth-child(3){margin-top:15px; font-size:16px;}

	.btn-arrow a{font-size:16px;}

	/* footer */
	
	.footer-cus{width:38%;}

	.footer-info{width:60%; margin-right:2%;}
	.footer-cus dt strong{display:block; font-size:20px; line-height:1; font-weight:700;}

	
	#sub-visual{height:280px;}
	#sub-visual h1{padding-top:160px; font-size:32px;}

	/* tab */
	.tab-area li{font-size:16px;}
	
	/* company */
	.company-mean dd{font-size:14px;}
	.company-goal li{float:left; width:49%; margin-right:2%; margin-bottom:10px; padding:20px; border:1px solid #e0e1e4;}
	.company-goal li:nth-child(2n){margin-right:0; border:1px solid #e0e1e4;}
	.company-goal li:last-child{border:1px solid #e0e1e4;}
	.company-goal dt strong{font-size:24px;}
	.company-goal dd{min-height:42px;}

	/* history */
	.company-summary{padding:20px;}
	.his-tab{width:100%;}
	.his-tab li{font-size:16px;}
	.his-con dl dt{font-size:30px;}
	.his-con dl:nth-child(odd){float:left; width:50.6%; text-align:right; padding-right:30px; background:url('../images/history-point.png') right top no-repeat;}
	.his-con dl:nth-child(even){float:right; width:50.6%; text-align:left; padding-left:30px; background:url('../images/history-point.png') left top no-repeat;}
	
	.organ-header{width:76.8%;}
	.organ-header dt h3{width:160px; height:160px; padding:60px 0; font-size:14px;}
	.organ-header dt h3 strong{font-size:20px;}
	.organ-contents li{width:23.5%; margin-right:2%; text-align:center;}
	.organ-header dd strong{font-size:16px;}
	.organ-contents li dl dt{font-size:16px;}
	.organ-contents li dl dd{font-size:14px;}

	.location > div{display:block; width:100%; height:400px;}
	.location dl{display:block; width:100%; margin-top:40px; padding:0; vertical-align:bottom;}
	.location dl dt{padding-bottom:22px; font-size:26px; vertical-align:bottom; border-bottom:1px solid #e0e1e4;}
	.location dl dt span{display:inline-block; font-size:14px; color:#757678; vertical-align:-2px;}
	.location dl dd div{font-size:14px;}
	.location dl dd div strong{font-size:16px;}
	
	.office li dt{font-size:16px;}
	.office li dd{font-size:14px;}


	/* business */
	.sub-tit-area dt h2{font-size:24px;}
	.sub-tit-area dd{font-size:14px;}

	.bus-intro ul li{width:49%; margin-bottom:20px;}
	.bus-intro ul li:nth-child(2n){margin-right:0;}

	.device-list dl dt{padding:17px 0; font-size:18px;}


	/* product */
	.product-area li{width:48%; margin-right:4%;}
	.product-area li:nth-child(4n){margin-right:4%;}
	.product-area li:nth-child(2n){margin-right:0;}
	
	.pro-con h3{font-size:18px;}
	.pro-con dl{width:250px; margin:0 auto; margin-bottom:7px;}


	/* customer */
	.input-list, .contact-list, .contact-txt, .privacy-area, .agree-area{width:100%;}
	input[type="text"]{padding:10px 20px; font-size:14px;}
	.contact-list{font-size:14px;}
	textarea{font-size:14px;}

	.btn-area a{font-size:18px;}

	.news-area dt{font-size:18px;}

}

@media only screen and (max-width: 640px) {
	.logo-area{padding-top:19px;}
	.logo-area img{height:46px;}
	.logo-area a:first-child:after{margin:0 10px;}

	/* main-tit */
	.main-tit-area{margin-top:34%;}
	.main-tit-area dd:first-child strong{font-size:14px;}
	.main-tit-area dt{font-size:34px; line-height:1.2;}
	.main-tit-area dd:nth-child(3){font-size:14px;}
	.btn-arrow a{font-size:14px;}

	/* slide */
	.slider-view{height:660px !important;}
	.slick-dots{position:relative; z-index:10; width:80%; margin:0 auto; margin-top:-400px !important;}
	.slick-dots:after{content:''; display:block; clear:both;}
	.slick-dots > li{float:left; width:49% !important; margin-bottom:5px; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.39);}
	.slick-dots > li:nth-child(2n){margin-right:0px !important;}
	.slick-dots > li:nth-child(odd){top:0;}
	.slick-dots > li > button{height:160px !important;}


	/* footer */
	#footer div.inner:after{content:""; display:block; clear:both;}
	#footer div dl{color:#fff;}
	#footer div dl a{color:#fff; text-decoration:underline;}

	.footer-cus{float:none; width:auto; margin-bottom:20px; padding:20px; text-align:center; border:1px solid rgba(255, 255, 255, 0.1); box-sizing:border-box;}
	.footer-cus dt{margin-bottom:10px;}
	.footer-cus dt strong{font-size:18px;}

	.footer-info{float:none; width:auto; text-align:center;}
	/* .footer-info a:first-child:after{content:'/'; display:inline-block; padding:0 10px; font-size:10px; vertical-align:2px; text-decoration:none;} */


	


	/* tab */
	.tab-area li{font-size:14px;}
	
	/* company */
	.company-mean dd strong{word-break:break-all;}
	.company-mean dd strong:before{content:'●'; display:inline-block; padding-right:6px; font-size:4px; color:#282562; vertical-align:3px;}
	.company-mean dd strong:after{display:none;}
	.company-goal dt strong{font-size:20px;}

	/* history */
	.company-summary li{float:none; width:100%;}
	.company-summary li:last-child{margin-bottom:0;}
	.his-con dl{margin-bottom:20px; border:1px solid #e5e5e5;}
	.his-con dl:nth-child(odd){float:none; width:100%; text-align:left; padding:20px; background:none #fff;}
	.his-con dl:nth-child(even){float:none; width:100%; text-align:left; padding:20px; background:none #fff;}
	.his-con dl:last-child{margin-bottom:0;}

	.his-con dl dt{margin:0; margin-bottom:10px; font-size:24px;}
	.his-con dl dd:before{content:'●'; display:inline-block; padding-right:6px; font-size:6px; color:#8b8b8b; vertical-align:4px;}
	
	.organ-header dd{}
	.organ-header dd strong{font-size:16px;}
	.organ-contents li dl dt{font-size:16px;}
	.organ-contents li dl dd{font-size:14px;}

	.office li{width:49%; margin-bottom:10px;}
	.office li:nth-child(2n){margin-right:0;}
	.office li:nth-child(3n){margin-right:2%;}
	.office li:last-child{margin-right:0;}

	/* business */
	.sub-tit-area dt h2{font-size:20px;}
	.sub-tit-area dd{margin-top:10px;}
	.sub-tit-area dd br{display:none;}

	.bus-intro ul li{width:100%; margin-right:0;}
	
	.device-list dl{width:100%;}
	.device-list dl dt{float:none; width:100%; margin-right:0; margin-bottom:10px; font-size:16px;}
	.device-list dl dd{float:none; width:100%;}
	.device-list dd li strong{width:auto; margin-right:10px; font-size:14px;}

	.partner-list li{width:32%; margin-bottom:10px;}
	.partner-list li:nth-child(5n){margin-right:2%;}
	.partner-list li:nth-child(3n){margin-right:0;}

	/* product */
	.pro-con h3{font-size:16px;}
	.pro-con dl{width:100%;}


	/* customer */
	.input-list li{float:none; width:100%; margin-right:0; margin-bottom:10px;}
	.contact-list{margin-bottom:10px;}
	.contact-list label{margin-right:10px;}
	.contact-list label input[type="radio"]{width:14px; height:14px; vertical-align:-2px;}
	.btn-area a{font-size:16px;}

	.news-area dt{font-size:16px;}
	.news-area li{float:none; width:100%; margin-right:0; margin-bottom:20px;}


}

@media only screen and (max-width: 480px) {
	.slick-dots{width:96%; margin-top:-400px !important;}
	
	.main-tit-area{margin-top:40%;}
	.btn-arrow a{display:block; padding:8px 0 10px 0;}

	/* footer */
	.footer-cus{width:100%; text-align:left;}
	.footer-info{text-align:left;}
	
	/* tab */
	.tab-col7 > li > a{word-break:break-all;}
	
	/* company */
	.organ-header{width:100%; padding-bottom:30px; background:none; background:url('../images/line-bg.jpg') center repeat-y;}
	.organ-header dd{float:none; width:100%; margin-right:0; margin-top:30px; margin-bottom:0; background:none;}
	.organ-header dd strong{display:block; width:100%; padding:5px 0;}
	
	.organ-contents li{background:url('../images/line-bg.jpg') center repeat-y;}
	.organ-contents li dl{margin-top:0; padding-top:0; border:1px solid #e0e1e4;}
	.organ-contents li dl dt{color:#fff; background-color:#739398;}
	.organ-contents li dl dd{margin-top:0px; padding:6px 0; border:0px;}
	.organ-contents li dl dd:nth-child(2){padding-top:20px;}
	.organ-contents li dl dd:last-child{padding-bottom:20px;}

	.organ-contents li{float:none; width:100%; margin-right:0; padding-bottom:30px; background:url('../images/line-bg.jpg') center #fff repeat-y;}
	.organ-contents li:last-child{padding-bottom:0;}

	/* business */
	.partner-list li{width:49%;}
	.partner-list li:nth-child(5n){margin-right:2%;}
	.partner-list li:nth-child(3n){margin-right:2%;}
	.partner-list li:nth-child(2n){margin-right:0;}

	/* product */
	.pro-con dl{width:250px; margin-bottom:10px;}
	.product-area li{width:100%; margin-right:0;}
	.product-area li:nth-child(4n){margin-right:0;}

	/* customer */
	.btn-area a{display:block; width:100%; padding:15px 0px;}
}

@media only screen and (max-width: 320px) {
	.main-tit-area{margin-top:140px;}
	.pro-con dl{width:100%;}
}