﻿.wrap {padding-top:70px;}
/*Sub Top*/
.sub_visual01 {background-image:url(../img/sub/sub01.jpg);}
.sub_visual02 {background-image:url(../img/sub/sub02.png); background-position: center bottom; background-repeat: no-repeat;}
.sub_visual03 {background:url(../img/sub/sub03.gif) 0 bottom repeat-x;}
.sub_visual {position:relative; width:100%; height:100vh; padding-top: 130px;}
.sub_visual.notFull {height: auto; padding-bottom: 50px;}
.sub_visual.notFull.pb00 {padding-bottom: 0;}
.parallax {background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
/* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1024px) {
	.parallax {background-attachment: scroll;}
}

.page-title {font-family: 'GillSansMTPro'; font-size: 63px; line-height: 1; font-weight: 500; color: #fff; margin: 0 0 30px;}
.sub_visual_inner {position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.page-desc1 {margin: 0; font-family: 'GillSansMTPro'; font-size: 50px; line-height: 1.2; font-weight: 500; color: #fff;}

.subH31 {font-size: 40px; font-weight: 400; letter-spacing: -.025em; line-height: 1.2; color: #000; margin: 0 0 .7em;}
.subH32 {font-family: 'GillSansMTPro'; font-weight: 500; font-size: 23px; line-height: 1; margin: 0 0 1em; color: #000;}
.subH33 {font-family: 'GillSansMTPro'; font-weight: 500; font-size: 50px; line-height: 1; margin: 0 0 1em; color: #000;}
.subH34 {font-weight: 300; font-size: 30px; line-height: 1; margin: 0 0 1em; color: #000;}
.subH35 {font-family: 'GillSansMTPro'; font-weight: 500; font-size: 70px; line-height: 1; margin: 0 0 1em; color: #fff;}
.subH31 .smaller {font-weight: 200; color: #000; font-size: .7em; }

.subP1 {font-size: 22px; line-height: 1.5; font-weight: 200; color: #000; margin: 0 0 2em;}
.subP2 {font-size: 15px; line-height: 1.8666; font-weight: 300; color: rgba(77, 77, 77, .8); margin: 0 0 2em;}
.subP3 {font-size: 23px; line-height: 1.3; font-weight: 200; color: #000;}
.subP4 {font-size: 20px; line-height: 1.3; font-weight: 300; color: #4d4d4d;}
.subP5 {font-size: 15px; line-height: 2.2; font-weight: 300; color: rgba(77, 77, 77, .8); margin: 0 0 1em; -ms-word-break: keep-all; word-break: keep-all;}
.subP6 {font-size: 18px; line-height: 1.6666; font-weight: 200; color: #b2b2b2; margin: 0 0 1em;}


/*border bg*/
.bg_f5 {background-color: #f5f5f5;}
.bdb_fff { border-bottom: 1px solid #fff;}
.bdt_d7 {border-top: 1px solid #b7b7b7;}
/*Sub Content*/
.fw200 {font-weight: 200 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.row.mlmr6 {margin-left: -6px; margin-right: -6px;}
.row.mlmr6 > .pad6 {padding-left: 6px; padding-right: 6px;}

/*story*/
.sub01 .section1-inner2 {padding: 40px 0;}
.sub01 .section2-inner2 {padding: 60px 0;}
/*barrisol*/
.sub02 .section1-inner2 {height: 360px; background-image: url(../img/sub/sub02bg2.gif);}
.feature-item {height: 60px;}
.feature-inner {maw-width: 100%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; background: url(../img/sub/feature-inner.png) center center no-repeat;}
.feature-inner.size2 {background-image: url(../img/sub/feature-inner2.png)}
.feature-inner-desc {text-align: center; font-size: 18px; font-weight: 300; color: rgba(255, 255, 255, .8);}

.section1-inner3 {padding-top: 120px; padding-bottom: 70px; background: #fff;}
.feature-item2 {margin-bottom: 30px;}
.feature-inner2 {max-width: 241px; width: 100%; margin: 0 auto;}
.feature-innerCont {width: 100%; position: relative; display: table; height: 241px; background-color: #f7f7f7;}
.feature-imgCont {display: table-cell; vertical-align: middle; text-align: center; padding-bottom: 10px;}
.feature-innerTitle {position: absolute; bottom: 0;padding: 30px 10px; width: 100%; text-align: center; font-size: 23px; font-weight: 200; color: #000; left: 0;}
.feature-inner-desc2 {text-align: center; padding: 15px 3px; height: 120px; font-size: 15px; line-height: 1.6; font-weight: 300; color: rgba(77, 77, 77, .8);}

.sub02 #section2 {padding-bottom: 100px;}
.owl-carousel {width: 100%; position: relative;}
.owl-dots {text-align: center; position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.owl-dots .owl-dot {margin: 0 2.5px; display: inline-block; width: 10px; height: 10px; margin: 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; background: none;}
.owl-dots .owl-dot span {display: block; background: none; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.owl-dot.active {background-color: #fff;}
.owl-nav {margin: 0 auto; position: absolute; z-index: 3; top: 50%; width: 100%;}
.owl-nav > div.owl-prev {left: 4.47%; background-image: url(/skin/default/img/sub/owl-left.png);background-repeat: no-repeat;background-position: center center;-webkit-background-size: 24px auto;background-size: 24px auto;}
.owl-nav > div.owl-next {right: 4.47%; background-image: url(/skin/default/img/sub/owl-right.png);background-repeat: no-repeat;background-position: center center;-webkit-background-size: 24px auto;background-size: 24px auto;}
.owl-nav > div.owl-prev, .owl-nav > div.owl-next {position: absolute; width: 25px; height: 40px;opacity:.5;filter: alpha(opacity=50);-moz-opacity:.5;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.owl-carousel:hover .owl-nav > div.owl-prev,
.owl-carousel:hover .owl-nav > div.owl-next {opacity:1;filter: alpha(opacity=100);-moz-opacity:1;}
.barrisolCaption {position: absolute; width: 100%;padding: 40px 0 0; z-index: 3;}
.owl-carousel.barrisolSlider .owl-stage-outer {overflow-y: -webkit-paged-x;}

.sub02 #section3 {padding:300px 0 0; background: #fff; position: relative;}
.section3-inner1 {background: url(../img/sub/section3-inner1.gif) 0 100px repeat-x;}
.img-responsive95 {display: block; max-width: 95%;}
.ross-item {margin-bottom: 12px;}

.sub02 #section4 {padding:150px 0 70px; background: url(../img/sub/section3-inner1.gif) 0 bottom repeat-x; }

.sub02 .section5-inner1 {height: 508px; background-image: url(../img/sub/section5-inner1.gif);}
.sub02 .section5-inner2 {background-color: #f6f6f6; padding: 30px 0;}
.feature-item3 {margin-bottom: 30px;}
.feature-num {position: relative; text-align: center; margin: 0 auto; font-size: 70px; font-weight: 500; color: #fff;}
.feature-num .num {display: inline-block; position: relative;}
.feature-num .tit {position: absolute; left: 0; top: -34px; font-size: 15px; line-height: 1; font-weight: 300; color: #fff;}
/*customer product*/
.sub03 .section1-inner2 .container {height: 375px; background: url(../img/sub/sub031.png) 10px bottom no-repeat;}
.sub03 #section2 {background-color: #f9f9f9; padding: 30px 0 70px;}
.process-item {margin-bottom: 20px;}
.process-inner {text-align: center;width: 100%; background-color: #fff; padding: 60px 5px  50px;}
.process-title {position: relative; font-size: 30px; line-height: 1; font-weight: 200;color: #000; padding-bottom: 25px; margin-bottom: 30px;}
.process-title:after {content: ''; position: absolute; bottom: 0; left: 50%; background-color: #595959; width: 24px; height: 2px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.process-desc {font-size: 15px; line-height: 1.6; font-weight: 300; color: rgba(0, 0, 0, .8); height: 125px;}
.process-person {font-size: 18px; font-weight: 200; line-height: 1.3; color: #000; margin: 0;}
.process-person-en {font-family: 'GillSansMTPro'; font-size: 15px; line-height: 1.3; font-weight: 500; color: #000;}
.sub03 #section3 {padding: 50px 0 100px;}
.contact-form-control {}
.contact-title {font-size: 18px; font-weight: 500; line-height: 1; color: #c2c2c2; margin: 0 0 1.6em;}
.gmaps {max-width: 550px; width: 100%; height: 389px;}
.form-control.contact-form-control {height: auto; -webkit-border-radius: 0; -moz-border-radius:  0; border-radius: 0; border-color: #000; background-color: #fff; font-size: 15px; line-height: 1.6; font-weight: 300; color: #454545; margin-bottom: 18px; padding: 9px 15px;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size: 15px; line-height: 1.6; font-weight: 300; color: #bababa;}
::-moz-placeholder { /* Firefox 19+ */font-size: 15px; line-height: 1.6; font-weight: 300; color: #bababa;}
:-ms-input-placeholder { /* IE 10+ */font-size: 15px; line-height: 1.6; font-weight: 300; color: #bababa;}
:-moz-placeholder { /* Firefox 18- */font-size: 15px; line-height: 1.6; font-weight: 300; color: #bababa;}
.black_mid_bt {border: none; color: #fff; background-color: #000; display: inline-block; width: 220px; text-align: center; font-size: 15px; line-height: 1.4; font-weight: 500; padding: 16px 5px;}
.uploadBtn { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.form-input-bt {border: none; background-color: #565656; display: inline-block; width: 100%; text-align: center; font-size: 15px; font-weight: 200; color: #fff; line-height: 1.4; padding: 12px 5px;}
/*product*/
.product-img-section img.aligncenter {margin-bottom: 30px;}
.col-sm-pull-6.col-md-pull-6.product-txt-section {text-align: right;}
.product-txt-inner {max-width: 440px; width: 90%; display: block; margin: 0 auto; padding-top: 35%;}
.viewMore {display: inline-block; font-family: 'GillSansMTPro'; font-size: 12px; line-height: 2; font-weight: 500; color: #000; letter-spacing: -.025em; border-bottom: 1px solid rgba(23, 25, 26, .6); }
/*references*/
.sub05 .section1-inner2 {height: calc(100vh - 282px);background: url(../img/sub/sub05.gif) center center no-repeat;}
button.videoPlay {border: none;background: none;}
.sub05 #section2 {background: url(../img/sub/sub051.gif) 0 0 repeat-x; padding: 90px 0 100px;}
ul.referenceCat {display: block;}
ul.referenceCat > li {display: inline-block;}
ul.referenceCat > li > a {position: relative; font-size: 16px; line-height: 20px; font-weight: 200; color: #4a4a4a; letter-spacing: -.025em; padding: 5px 14px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
ul.referenceCat > li > a:after {content: ''; position: absolute; width: 1px; height: 12px; background-color: #4a4a4a; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
ul.referenceCat > li:last-child > a:after, ul.referenceCat > li.last-child > a:after {display: none;}
ul.referenceCat > li > a:hover, ul.referenceCat > li > a:focus {color: #000;}
ul.referenceCat > li.active > a {font-size: 20px; font-weight: 500; color: #000;}
.reference-top-title {font-family: 'GillSansMTPro'; font-size: 45px; font-weight: 500; color: #000; padding: 0 0 .5em;}
.reference-caption {padding-top: 50px; min-height: 600px; height: auto;}
.reference-title {font-family: 'GillSansMTPro'; font-size: 40px; font-weight: 400; color: #5a5a5a; line-height: 1; margin: 0 0 1em;}
.reference-desc {font-size: 16px; line-height: 1.8125; font-weight: 300; color: #000; margin: 0 0 2em;}

#referenceSlider .owl-nav {top: 55.5%;}
#referenceSlider .owl-nav > div {font-family: 'GillSansMTPro'; font-size: 12px; line-height: 30px;font-weight: 500; color: #000;text-transform: uppercase; width: 95px; height: 30px; background-image: url(../img/sub/referenceSlider.png); background-repeat: no-repeat; -webkit-background-size: 50px 1px; background-size: 50px 1px; }
#referenceSlider .owl-nav > div > span {position: relative; display: block; }
#referenceSlider.owl-carousel .owl-nav .owl-prev {padding-left: 60px; text-align: right; background-position: 0 center; left: 5.1%;}
#referenceSlider.owl-carousel .owl-nav .owl-next {padding-right: 60px; text-align: left; background-position: 100% center; right: 5.1%;}
.reference-info1 {font-family: 'GillSansMTPro'; font-size: 30px; font-weight: 500; color: #000; margin-bottom: 30px;}
.reference-info2 {font-size: 20px; line-height: 1; font-weight: 500; color: #000; margin-bottom: 1em;}
.reference-info3 {font-size: 16px; line-height: 1.875; font-weight: 300; color: #7a7a7a; margin-bottom: 1.8em;}
.owl-dots-count { margin-top: 40px; position: relative; float: right; font-family: 'GillSansMTPro'; font-weight: 500; font-size: 20px; line-height: 20px; color: #8a8a8a;}
.owl-dots-count .current {font-family: 'GillSansMTPro'; font-size: 60px; color: #000;}
/*contact*/
.sub06 #section2 {padding-bottom: 100px;}
.gmaps2 {width: 100%; max-width: 100%; height: 459px;}
.section1-inner3 {padding: 100px 0;}
.contactform-cont {background: url(../img/sub/sub06.gif) 0 bottom no-repeat;}
.faq-title {font-size: 18px; line-height: 20px; font-weight: 300; color: #000; margin: 0 0 30px;}
.faq-title > .tit {font-family: 'GillSansMTPro'; font-size: 50px; font-weight: 500;}
.referenceCat.text-right {margin-bottom: 50px;}
.faq-item {margin-bottom: 15px;}
.row.mlmr7 {margin-left: -7px; margin-right: -7px;}
.row.mlmr7 > .pad7 {padding-left: 7px; padding-right: 7px;}
.faq-inner {max-width: 429px; width: 100%; height: 346px; margin: 0 auto; padding: 30px 20px; background-color: #f5f5f5; border: 1px solid #000;}
.faq-catname {text-align: center; font-size: 25px; line-height: 1; font-weight: 500; color: #000; margin: 0 0 30px;}
.faq-question {padding-left: 35px; background: url(../img/sub/faq-question.png) 0 0 no-repeat; font-size: 16px; line-height: 1.5625; font-weight: 300; color: #000; padding-bottom: 10px; min-height: 60px; border-bottom: 1px solid #000; -ms-word-break: keep-all; word-break: keep-all;}
.faq-answer {padding-left: 35px; background: url(../img/sub/faq-answer.png) 0 0 no-repeat; font-size: 16px; line-height: 1.5; font-weight: 300; color: #7e7e7e; -ms-word-break: keep-all; word-break: keep-all; min-height: 70px;}

.sub_section {padding-top:70px;}
.sub_title {text-align: center;font-size:63px;color:#000;font-family: 'GillSansMTPro';font-weight: 500;margin-bottom:60px;line-height:1;}
/* .count_box {margin:0 auto;overflow: hidden;max-width: 580px;border-top: 1px solid #bcbcbc;border-bottom: 1px solid #bcbcbc;padding:25px 0;margin-bottom:75px;font-size: 23px;color: #4d4d4d;font-weight: 600;word-break: keep-all;} */
.count_box {margin:0 auto;overflow: hidden;max-width: 580px;border-top: 1px solid #000;border-bottom: 1px solid #000;padding:25px 0;margin-bottom:75px;font-size: 37px;color: #000;font-weight: 600;word-break: keep-all;}
.count_box.center {text-align: center;}
.count_box .item {width:33.333333333%;float: left;}
.count_box .item.item2 {padding-left:62px;}
.count_box .item.item3 {padding-left:70px;}
.count_box .item .stxt {font-size:15px;color:#000;font-weight:300;}
.count_box .item .snum {line-height:1;font-size:40px;font-family: 'GillSansMTPro';font-weight: 500;color:#000;}
.small_text_box {max-width: 580px;margin:0 auto 90px auto;}
.small_text_box p {font-size:15px;color:#4d4d4d;text-align: center;word-break:keep-all;}
.small_text_box p.mar {margin-bottom:35px;}
.barrisol_link {overflow: hidden;height:379px;background-size:cover;background-position:center;}
.barrisol_link .item {position:relative;width:20%;float: left;height:100%;border-right:1px solid rgba(255, 255, 255, 0.2);}
.barrisol_link .item.last {margin-right:none;}
.barrisol_link .item a.section-link {display: block;width:100%;height:100%;}
.barrisol_link .item a.section-link.hover {background:rgba(0, 0, 0, 0.2)}

.section-icon-wrap {-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;text-align: center;position: absolute;left: 0;top: 50%;margin-top:-46px;width:100%;font-size: 0;line-height: 1;-webkit-transition:all .5s ease; transition:all .5s ease;}
.section-tit {font-size:22px;font-weight:600;color:#fff;margin-bottom:15px;}
.section-txt {-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;display:none;font-size:15px;color:#fff;font-weight:300;margin-top:25px;line-height:1.7;word-break: keep-all;}
.section-icon {display: inline-block;width: 55px; height: 55px; background: none; border: 1px solid #fff;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.section-link.hover .section-icon {background-color: #fff;}
.section-link.hover .section-txt {display: block;}
.section-link.hover .section-icon-wrap {margin-top:-96px;}
.section-iconInner {position: relative; width: 100%; height: 100%;}
.section-iconInner:before, .section-iconInner:after {content: ''; position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff;}
.section-iconInner:before { width: 19px; height: 1px;}
.section-link.hover .section-iconInner:before, .section-link:focus .section-iconInner:before {height: 2px; background-color: #666;}
.section-iconInner:after { width: 1px; height: 19px;}
.section-link.hover .section-iconInner:after, .section-link:focus .section-iconInner:after {width: 2px; background-color: #666;}
.barrisol_link {position:relative;}
.barrisol_link .bag {content: "";display:block;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;-webkit-background-size: cover;background-size: cover;background-position: center center;}
.barrisol_link .bag.bag0 {background-image:url('/skin/default/img/sub/barrisol_link1.jpg');}
.barrisol_link .bag.bag1 {background-image:url('/skin/default/img/sub/barrisol_link2.jpg');visibility: hidden;opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
.barrisol_link .bag.bag2 {background-image:url('/skin/default/img/sub/barrisol_link3.jpg');visibility: hidden;opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
.barrisol_link .bag.bag3 {background-image:url('/skin/default/img/sub/barrisol_link4.jpg');visibility: hidden;opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
.barrisol_link .bag.bag4 {background-image:url('/skin/default/img/sub/barrisol_link5.jpg');visibility: hidden;opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;}
.barrisol_link.bg0 .bag.bag0 {visibility:visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}
.barrisol_link.bg1 .bag.bag1 {visibility:visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}
.barrisol_link.bg2 .bag.bag2 {visibility:visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}
.barrisol_link.bg3 .bag.bag3 {visibility:visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}
.barrisol_link.bg4 .bag.bag4 {visibility:visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;}

.custom_order:before {display: table;content: "";}
.custom_order:after {display: table;content: "";clear: both;}
.custom_order {max-width: 785px;margin: 0 auto 90px auto;}

/* .custom_order .item {text-align: center;position: relative;float: left;width: 170px;}
.custom_order .item.item3 {margin-right: 100px;}
.custom_order .item.item4 {width: 170px;} */
.custom_order .item {text-align: center;position: relative;float: left;width: 25%;}
.custom_order .item .co_num {font-family: 'GillSansMTPro';font-weight: 500;font-size: 30px;color: #000;position: absolute;left: 50%;margin-left: -15px;top: -15px;z-index: 10;background-color: #fff;letter-spacing: 1px;}
.custom_order .item .co_tit {font-weight: 700;font-size: 22px;color: #000;}
.custom_order .item .circle {margin: 0 auto;width: 150px;height: 150px;margin-bottom: 25px;position: relative;}
.custom_order .item .circle .vc {position: relative;z-index: 2;background-color: #fff;border: 1px solid #bcbcbc;border-radius: 50%;}
.custom_order .item .circle:after {width: 100px;height: 1px;content: "";display: block;z-index: 1;background-color: #bcbcbc;position: absolute;right: -77px;top: 50%;}
/* .custom_order .item.item3 .circle:after {width: 168px;height: 35px;background: url('/skin/default/img/sub/custom_arrow.png') no-repeat 0 0;margin-top: -17px;right: -134px;} */
.custom_order .item.item4 .circle:after {display: none;}
.custom_order .item .co_stit {font-weight: 500;font-size: 15px;color: #000;margin-bottom: 3px;letter-spacing: -1px;}
.custom_order .item .co_sstit {font-family: 'GillSansMTPro';font-weight: 400;font-size: 12px;color: #000;line-height: 1;}
.custom_order .item .co_stxt {text-align: left;font-size: 14px;color: #4d4d4d;font-weight: 400;margin-top: 25px;word-break: keep-all;padding-left: 0px;line-height: 2;}
/* .custom_order .item.item4 .circle .vc {background-color: #000;border-color: #000;}
.custom_order .item.item4 .co_num {color: #fff;}
.custom_order .item.item4 .co_tit {color: #fff;} */

.sub_title.havetab {margin-bottom: 18px;}
.sub_tab {text-align: center;font-size: 0;margin-bottom: 30px;}
.sub_tab ul {overflow: hidden;display: inline-block;}
.sub_tab ul li {float: left;margin: 0 23px;}
.sub_tab ul li a {display: block;padding: 10px;font-size: 20px;color: #000;font-weight: 400;font-family: 'GillSansMTPro';}
.sub_tab ul li a span {font-size: 15px;}

.product_list_wrap {margin-top: 100px;}
.product_list_wrap .grid-item {margin-bottom: 145px;}
.product_list_wrap .img {border: 1px solid #f3f3f3;}
.product_list_wrap .stit {display: block;}
.product_list_wrap h3 {display: block;font-size: 30px;font-weight: 500;line-height: 32px;margin: 44px 0px 26px 0px;font-family: 'GillSansMTPro','Noto Sans', 'Noto Sans CJK KR', '본고딕', serif;font-weight: 500;color: #000;word-break: keep-all;}
.product_list_wrap p {display: block;font-size: 16px;color: #4d4d4d;line-height: 28px;width: 100%;font-weight: 200;word-break: keep-all;}
.product_list_wrap .more {display: block;}
.product_list_wrap .more span {display: block;margin-top: 39px;font-size: 12px;font-weight: 500;line-height: 19px;letter-spacing: -0.3px;color: #000;font-family: 'GillSansMTPro';font-weight: 500;text-decoration: underline;}
.product_list_wrap .row {margin-left: -52px;margin-right: -52px;}
.product_list_wrap .col-md-4,
.product_list_wrap .col-sm-4,
.product_list_wrap .col-xs-6 {padding: 0 52px;}

.product_list_wrap .grid-item.grid-item-1 {margin-top: -100px;}
.product_list_wrap .grid-item.grid-item-2 {margin-top: 100px;}
.product_view .product_info {margin: 100px 0;padding: 0 50px;}
.product_view .product_info .p_title {font-size: 30px;color: #000;font-family: 'GillSansMTPro','Noto Sans', 'Noto Sans CJK KR', '본고딕', serif;font-weight: 500;margin-bottom: 30px;}
.product_view .product_info .p_cont {font-size: 16px;line-height: 28px;letter-spacing: -0.5px;font-weight: 200;margin-bottom: 100px;word-break: keep-all;}
.product_view .product_info .infomation .tit {color: #000;font-size: 24px;font-family: 'GillSansMTPro', serif;font-weight: 500;padding-bottom: 15px;border-bottom: 1px solid #e1e1e1;margin-bottom: 20px;}
.infomation .field {display: table;width: 100%;}
.infomation .field .th,
.infomation .field .td {display: table-cell;height: 100%;vertical-align: middle;padding: 15px 0;}
.infomation .field.size .th {vertical-align: top;}
.infomation .field .th {width: 10.9%;font-size: 17px;font-weight: 500;color: #000;}
.infomation .field .td {width: 89.1%;font-size: 16px;font-weight: 300;color: #777777;}
.sm_container {max-width: 1280px;margin: 0 auto;}
.sm_container:before {display: table;content: "";}
.sm_container:after {display: table;content: "";clear: both;}
.pv_img {margin-bottom: 50px;}
.infomation .field .th.thletter2 span {letter-spacing: 48.5px;}
.infomation .field .th.thletter3 span {letter-spacing: 17.5px;}
.infomation .field .th.thletter4 span {letter-spacing: 6.11px;}
.infomation .field .th.thletter5 span {letter-spacing: 1.76px;}

.caution {font-size: 15px;color: #4d4d4d;line-height: 1.5;text-align: right;}

@media(max-width:1229px){
	.product_list_wrap .container {padding-left: 20px;padding-right: 20px;}
	.product_list_wrap .row {margin-left: -20px;margin-right: -20px;}
	.product_list_wrap .col-md-4,
	.product_list_wrap .col-sm-4,
	.product_list_wrap .col-xs-6 {padding: 0 20px;}
}
@media(max-width:991px){
	.sub_visual {height: 50vh;}
	.page-title {font-size: 50px;}
	.page-desc1 {font-size: 40px;}

	.subH31 {font-size: 35px; }
	.subH32 {font-size: 20px;}
	.subH33 {font-size: 40px}
	.subH34 {font-size: 25px;}
	.subH35 {font-size: 55px;}

	.subP1 {font-size: 19px;}
	.subP2 {font-size: 14px;}
	.subP3 {font-size: 20px;}
	.subP4 {font-size: 17px;}
	.subP5 {font-size: 14px;}
	.subP6 {font-size: 16px;}

	.feature-inner {background-image: url(../img/sub/feature-inner2.png);}
	.feature-innerTitle {font-size: 20px;}
	.feature-inner-desc2 {font-size: 14px;}
	.feature-num {font-size: 60px;}
	
	.img-responsive.section5_img1 {margin-bottom: 30px;}
	.alignright.section5_img2 {float: none; display: block;  margin: 0 auto;}

	.sub03 .section1-inner2 .container {-webkit-background-size: 300px auto; background-size: 300px auto;}
	.process-title {font-size: 25px;}
	.process-desc {font-size: 14px; height: 110px;}
	.process-person {font-size: 16px; }
	.process-person-en {font-size: 14px;}

	.product-txt-inner {padding-top: 20%;}

	.sub05 .section1-inner2 {height: 50vh;}
	.sub05 #section2 {padding: 90px 0 200px;}
	.reference-top-title {font-size: 35px;}
	.reference-title {font-size: 30px;}
	.reference-info1 { font-size: 25px;}
	.reference-info2 {font-size: 17px;}
	.reference-info3 {font-size: 14px;}
	.owl-dots-count {font-size: 17px;}
	.owl-dots-count .current {font-size: 50px;}

	.faq-title {font-size: 16px;}
	.faq-title > .tit {font-size: 40px;}

	.product_list_wrap .grid-item {margin-bottom: 40px;}
	.product_list_wrap .grid-item.grid-item-2 {margin-top: 0;}
	.sub_title {font-size: 35px;margin-bottom: 30px;}
	.count_box {margin-bottom: 30px;}
	.barrisol_link {height: 250px;}
	.section-tit {font-size: 15px;}
	.section-icon {width: 30px;height: 30px;}
	.section-iconInner:before {width: 10px;}
	.section-iconInner:after {height: 10px;}
	.section-txt {font-size: 13px;margin-top: 15px;padding: 0 15px;}
	.section-txt br {display: none;}
	.section-icon-wrap {margin-top: -23px;}
	.section-link.hover .section-icon-wrap {margin-top: -73px;}
	.sub_section {padding-top: 40px;}
	.small_text_box p.mar {margin-bottom: 15px;}
	.small_text_box {margin-bottom: 40px;}
	.sub .menu ul li a {color: #fff;}
	.count_box {font-size: 18px;}
/* 	.custom_order .item {width: 150px;} */
	.custom_order .item .co_stit {font-size: 13px;line-height: 1.5;}
	.custom_order .item .co_stxt {font-size: 13px;margin-top: 15px;}
	.custom_order .item .co_tit {font-size: 15px;}
	.product_list_wrap h3 {font-size: 16px;line-height: 18px;margin: 20px 0 5px 0;}
	.product_list_wrap p {font-size: 13px;}
	.product_list_wrap .more span {margin-top: 20px;}
	.product_view .product_info {margin: 50px 0;}
	.product_view .product_info .p_title {font-size: 20px;margin-bottom: 15px;}
	.product_view .product_info .p_cont {font-size: 14px;line-height: 26px;margin-bottom: 50px;}
	.product_view .product_info .infomation .tit {font-size: 20px;margin-bottom: 10px;padding-bottom: 10px;}
	.infomation .field .th {width: 20%;}
	.infomation .field .td {width: 80%;}
	.caution {font-size: 13px;}
}
@media(max-width:767px){
	.sub_tab {margin-bottom: 15px;line-height: 1;}
	.sub_tab ul li {margin: 0 10px;}
	.sub_tab ul li a {padding: 5px;font-size: 18px;}
	.sub_visual {height: 300px; padding-top: 100px;}
	.img-responsive95 {max-width: 100%; margin-left: auto; margin-right: auto;}

	.page-title {font-size: 33px;}
	.page-desc1 {font-size: 25px;}
	.page-desc1.bdb_fff.text-right {margin-top: 80px;}

	.subH31 {font-size: 25px; }
	.subH32 {font-size: 16px;}
	.subH33 {font-size: 30px}
	.subH34 {font-size: 20px;}
	.subH35 {font-size: 40px;}

	.subP1 {font-size: 17px;}
	.subP2 {font-size: 12px;}
	.subP3 {font-size: 16px;}
	.subP4 {font-size: 15px;}
	.subP5 {font-size: 12px;}
	.subP6 {font-size: 14px;}

	.feature-inner, .feature-inner.size2 {background-image: url(../img/sub/feature-inner.png);}
	.feature-innerTitle {font-size: 16px; padding: 20px 10px;}
	.feature-innerCont {height: 190px;}
	.feature-inner-desc {font-size: 14px;}
	.feature-inner-desc2 {font-size: 12px; height: 80px;}
	.feature-num {font-size: 45px;margin: 0 auto 40px;}
	.section1-inner3 {padding: 50px 0;}
	.sub02 #section2 {padding-bottom: 0;}
	.sub02 #section3 {padding-top: 100px;}

	.sub03 .section1-inner2 .container {-webkit-background-size: 300px auto; background-size: 300px auto;}
	.process-title {font-size: 20px;}
	.process-desc {font-size: 12px; height: 110px;}
	.process-person {font-size: 14px; }
	.process-person-en {font-size: 12px;}

	.product-txt-inner {padding-top: 20%;}

	.sub05 .section1-inner2 {height: 250px;}
	.videoPlay img {width: 80px;}
	.sub05 #section2 {padding: 90px 0 100px;}
	.reference-top-title {font-size: 23px;}
	.reference-title {font-size: 22px;}
	.reference-info1 { font-size: 20px;}
	.reference-info2 {font-size: 15px;}
	.reference-info3 {font-size: 12px;}
	.reference-desc {font-size: 13px;}
	.reference-caption {padding:30px 5px;}
	#referenceSlider.owl-carousel .owl-nav .owl-prev {width: 35px; left: 0; padding-left: 0; background: none;}
	#referenceSlider.owl-carousel .owl-nav .owl-next {width: 35px;right: 0; padding-right: 0; background: none;}
	.owl-dots-count {font-size: 15px; margin-top: 0;}
	.owl-dots-count .current {font-size: 35px;}

	.faq-title {font-size: 14px;}
	.faq-title > .tit {font-size: 30px;}
	ul.referenceCat > li > a {font-size: 12px; padding: 5px 7px;}
	ul.referenceCat > li.active > a {font-size: 16px;}
	.black_mid_bt {width: 170px; font-size: 13px;}
	.form-control.contact-form-control {font-size: 13px;}
	.gmaps2 {height: 250px;}

	.owl-dots { bottom: 2%;}
	.owl-nav > div.owl-prev {left: 0;}
	.owl-nav > div.owl-next {right: 0;}

	.product_list_wrap .row {margin-left: -10px;margin-right: -10px;}
	.product_list_wrap .col-md-4,
	.product_list_wrap .col-sm-4,
	.product_list_wrap .col-xs-6 {padding: 0 10px;}
	.product_list_wrap .grid-item {margin-bottom: 20px;}
	.product_list_wrap h3 {margin: 20px 0 5px 0;}
	.product_list_wrap .more span {margin-top: 20px;}
	.count_box .item {width: 100%;text-align: center;margin-bottom: 15px;}
	.count_box .item.item2 {padding-left: 0;}
	.count_box .item.item3 {padding-left: 0;margin-bottom: 0;}
	.sub_title {margin-bottom: 15px;}
	.count_box .item .snum {font-size: 25px;}
	.count_box {padding: 10px 0;}
	.small_text_box p {font-size: 13px;line-height: 1.5;}
	.barrisol_link {height: auto;}
	.barrisol_link .item {width: 100%;height: 150px;border-right: none;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
	.wrap {padding-top: 50px;}
	.barrisol_link .item a.section-link {-webkit-background-size: cover;background-size: cover;background-position: center center;}
	.barrisol_link .item.item1 a.section-link {background-image: url('/skin/default/img/sub/barrisol_link1.jpg');}
	.barrisol_link .item.item2 a.section-link {background-image: url('/skin/default/img/sub/barrisol_link2.jpg');}
	.barrisol_link .item.item3 a.section-link {background-image: url('/skin/default/img/sub/barrisol_link3.jpg');}
	.barrisol_link .item.item4 a.section-link {background-image: url('/skin/default/img/sub/barrisol_link4.jpg');}
	.barrisol_link .item.item5 a.section-link {background-image: url('/skin/default/img/sub/barrisol_link5.jpg');}	
	.barrisol_link .item.item5 {border-bottom: none;}
	.sub_section {padding-top: 20px;}
	.count_box .item .stxt {font-size: 13px;}
	.section-icon {display: none;}
	.section-txt {display: block;line-height: 1.5;}
	.section-icon-wrap {margin-top: -33px;}
	.section-link.hover .section-icon-wrap {margin-top: -33px;}
	.count_box {font-size: 15px;}
	.custom_order .item {width: 50%;margin-bottom: 15px;}
	.custom_order .item .circle {width: 100px;height: 100px;margin-bottom: 10px;}
	.custom_order .item .co_stit {font-size: 12px;}
	.custom_order .item .co_stxt {font-size: 12px;margin-bottom: 10px;}
	.custom_order .item .co_stxt {margin-bottom: 5px;line-height: 1.5;}
	.custom_order .item.item2 .circle:after {display: none;}
/* 	.custom_order .item.item3 .circle:after {background-position: right 0;width: 45px;right: -45px;-webkit-background-size: 84px auto;background-size: 84px auto;margin-top: -8px;}
	.custom_order .item.item3 {margin-right: 0;}
	.custom_order .item.item4 {width: 50%;} */
	.custom_order {max-width: 300px;margin-bottom: 30px;}
	.product_view .product_info {margin: 25px 0;padding: 0 15px;}
	.product_view .product_info .p_cont {font-size: 13px;margin-bottom: 25px;}
	.product_view .product_info .p_title {font-size: 18px;margin-bottom: 10px;}
	.infomation .field {display: block;}
	.infomation .field .th {width: 100%;font-size: 14px;display: block;padding: 10px 0 0 0;}
	.infomation .field .td {width: 100%;font-size: 13px;display: block;padding: 0;}
	.pv_img {margin-bottom: 25px;}
	.custom_order .item .co_num {font-size: 18px;margin-left: -9px;top: -13px;}
	.caution {font-size: 12px;word-break:keep-all;}
}
@media(max-width:479px){
  .hidden-xxs{display:none !important;}
  .col-xxs-12 {width: 100% !important;}
  .product_list_wrap {max-width: 368px;margin: 0px auto;}
  .product_list_wrap .col-xs-6  {width: 100%;}
  .product_list_wrap .grid-item.grid-item-1 {margin-top: 0;}
  .product_list_wrap h3 {font-size: 20px;}
  .product_list_wrap p {font-size: 13px;}
}