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

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1200px;}

/* 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: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.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;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#header{position: relative;z-index: 90;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,0.02);}
#header .inner{position: relative;width: 1200px;height: 90px;margin: 0 auto;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 90px; z-index:99;}

#gnb{margin: 0 40px 0 195px;text-align: center;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 25px;line-height: 90px;font-size: 17px;color: #333333;text-decoration: none;}
#gnb > li.active > a {color: #1d8fdc;}
#gnb > li > ul{position: absolute;top: 90px;left: 50%;width: 200px;margin-left: -100px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #1d8fdc;background: #fff;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
#gnb > li > ul li.active a{color: #1d8fdc;}
#gnb > li > ul li ul {display: none;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li.hidden-gnb{display: none;}

#drdw{position: absolute;top: 90px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;border-bottom: 3px solid #1d8fdc;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: #0859a2;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;}

#hd-lan{position: absolute;top: 25px;right: 60px;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;}

#footer{background: #000000;}
#footer .fnbWrap{border-bottom: 1px solid #3d3d3d;}
#footer .fnbWrap .inner{position: relative;width: 1200px;margin: 0 auto;}
#footer .ftWrap{position: relative;width: 1200px;margin: 0 auto;padding: 50px 0;}
#footer address{font-size: 15px;line-height: 20px;color: #b3b3b3;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 13px;color: #777777;}

#sns-ico{margin-top: 20px;}
#sns-ico li{display: inline-block;margin-right: 5px;}

/*#gotop{position: absolute;top: 10px;right: 0;display: block;background: url('../images/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}*/

#gotop{position: absolute;top: 10px;right: 0;display: block;width: 50px;height: 50px;text-indent: -999em;}

#fnb > li{display: inline-block;padding: 0 10px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 15px;color: #b3b3b3;letter-spacing: -1px;line-height: 70px;}

#ft-fam{position: absolute;top: 35px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('../images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

#slide-btn{text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 35px;right: 0;}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 2px;background: #282828;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}

#slide-menu{display: none;}

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 300;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 300;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/**************************************************
	Main
**************************************************/
#main{ overflow: hidden; }

#main hgroup {margin-bottom: 40px;}
#main hgroup > * {display: block;text-align: center;}
#main hgroup h4 {font-family: 'Exo 2', sans-serif;font-weight: 600;font-size: 70px;color: #333333;letter-spacing: -0.01em;line-height: 1em;}
#main hgroup p {margin-top: 18px; padding-top:30px;font-size: 50px;color: #a6a6a6;font-weight: 300;letter-spacing: -0.01em;line-height: 1em;}

#main .visual{position: relative;}
#main .visual .roll .item{position: relative;overflow: hidden;}
#main .visual .roll .item img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .slick-dots{position: absolute;bottom: 50px;left: 0;width: 100%;z-index: 81;text-align: center;}
#main .visual .slick-dots li{display: inline-block;vertical-align: bottom;margin: 0 5px;}
#main .visual .slick-dots li button{display: block;width: 40px;height: 3px;background: #fff;text-indent: -999em;overflow: hidden;border: none;}
#main .visual .slick-dots li.slick-active button{background-color: #1d8fdc;height: 10px;}

#main .aboutus-wrap {padding: 52px 0;background: url('../images/main/index_bg01.jpg') no-repeat center center;background-size: contain;}
#main .aboutus-wrap .inner {width: 1200px;margin: 0 auto;}
#main .aboutus-wrap strong {display: block;font-family: 'Exo 2', sans-serif;font-weight: 500;font-size: 30px;color: #333333;letter-spacing: -0.01em;line-height: 50px;}
#main .aboutus-wrap strong span {font-family: 'Exo 2', sans-serif;font-weight: 600;font-size: 38px;}
#main .aboutus-wrap p {display: block;margin-top: 25px;font-size: 18px;color: #666666;letter-spacing: -0.01em;line-height: 28px;}
#main .aboutus-wrap a {display: block;margin-top: 30px;width: 200px;height: 50px;line-height: 50px;border-radius: 25px;background: #0978c3;color: #fff;font-size: 16px;color: #fff;font-weight: 500;letter-spacing: -0.01em;text-align: center;}

#main .product-wrap {padding: 65px 0 0;background: url('../images/main/index_bg02.jpg') no-repeat center 0;}
#main .product-wrap .inner {width: 1200px;margin: 0 auto;}
#main .product-wrap .tab-tab {border: 1px solid #ddd;background: #f6f6f6;margin-bottom: 60px;}
#main .product-wrap .tab-tab:after {display: block;clear: both;content: '';}
#main .product-wrap .tab-tab a {float: left;border-left: 1px solid #ddd;box-sizing: border-box;font-size: 16px;color: #666666;font-weight: 300;letter-spacing: -0.01em;line-height: 48px;text-align: center;}
#main .product-wrap .tab-tab a:first-child {border-left: 0;}
#main .product-wrap .tab-tab a.active {background: #1d8fdc;color: #fff;}
#main .product-wrap .roll {margin: 0 -10px;}
#main .product-wrap .item .box {margin: 0 10px;background: #fff;position: relative;width: 285px;}
#main .product-wrap .item .link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;border: 1px solid #ddd;box-sizing: border-box;}
#main .product-wrap .item .tmb {padding-bottom: 100%;background-repeat: no-repeat;background-position: center center;background-size: contain;}
#main .product-wrap .item .info {padding: 15px;}
#main .product-wrap .item .info > * {display: block;margin: 10px 0;text-align: center;}
#main .product-wrap .item .info strong {font-size: 19px;color: #333333;font-weight: 500;letter-spacing: -0.01em;line-height: 1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#main .product-wrap .item .info p {font-size: 15px;color: #888888;letter-spacing: -0.01em;line-height: 20px;height: 40px;overflow: hidden;}
#main .product-wrap .item .more {display: block;height: 44px;line-height: 44px;padding-top: 3px;border-bottom: 3px solid #1d8fdc;text-align: center;font-size: 14px;color: #1d8fdc;font-weight: 500;letter-spacing: -0.01em;}
#main .product-wrap .item:hover .link {border: 3px solid #1d8fdc;}
#main .product-wrap .item:hover .more {background: #1d8fdc;color: #fff;}
#main .product-wrap .slick-arrow {position: absolute;top: 50%;width: 37px;height: 73px;margin-top: -36px;overflow: hidden;text-indent: -99999px;background-repeat: no-repeat;background-position: center center;background-size: contain;background-color: rgba(0,0,0,0);border: 0;}
#main .product-wrap .slick-prev {background-image: url('../images/main/product-prev.png');left: -118px;}
#main .product-wrap .slick-next {background-image: url('../images/main/product-next.png');right: -118px;}

#main .process-wrap {margin: 85px 0;}

#processRoll{position: relative;width: 1250px;margin: 50px auto 0;padding-top: 155px;}
#processRoll li{width: 1250px;}
#processTab{position: absolute;top:0;left:0;width: 100%;background: url(../images/main/process-tab-bg.gif) no-repeat 50% 35px;text-align: center;}
#processTab a{display: inline-block;vertical-align: top;margin: 0 120px;}
#processTab a .imgBox{display: block;height: 80px;transition:0.2s;}
#processTab a .textBox{font-family: ntm;font-size: 15px;color: #162e85;}
#processTab a.active .imgBox,
#processTab a:hover .imgBox{transition:0.3s;}
#processTab a.b1 .imgBox{min-width:65px;background: url(../images/main/process-tab1.gif) no-repeat 50% 0;}
#processTab a.b1:hover .imgBox,
#processTab a.b1.active .imgBox{background: url(../images/main/process-tab1-active.gif) no-repeat 50% 0;}
#processTab a.b2 .imgBox{background: url(../images/main/process-tab2.gif) no-repeat 50% 0;}
#processTab a.b2:hover .imgBox,
#processTab a.b2.active .imgBox{background: url(../images/main/process-tab2-active.gif) no-repeat 50% 0;}
#processTab a.b3 .imgBox{background: url(../images/main/process-tab3.gif) no-repeat 50% 0;}
#processTab a.b3:hover .imgBox,
#processTab a.b3.active .imgBox{background: url(../images/main/process-tab3-active.gif) no-repeat 50% 0;}

#main .business-wrap {margin-top:50px;  padding:300px 0; width:100%; height:550px; background: url('../images/main/index_bg03-1.jpg') no-repeat center center;background-size: cover;}
#main .business-wrap .inner {width: 1200px;margin: 0 auto;position: relative;}
#main .business-wrap strong {display: block;font-size: 100px; margin-top: -80px;color: #ff234f;letter-spacing: -0.02em;font-weight: 600;line-height: 1em;}
#main .business-wrap p {display: block;margin-top: 20px;font-size: 24px;color: #d9e7ef;font-weight: 300;letter-spacing: -0.02em;line-height: 1.5em;}
#main .business-wrap .more {width: 196px;height: 46px;line-height: 46px;border: 2px solid #fff;text-align: center;border-radius: 25px;font-size: 16px;color: #fff;font-weight: 500;letter-spacing: -0.02em;position: absolute;top: 50%;right: 0;margin-top: -25px;}

#main .customer-wrap {position: relative;z-index: 2;padding: 85px 0;}
#main .customer-wrap:after {display: block;content: '';position: absolute;top: 0;left: 0;width: 50%;height: 100%;z-index: -1;background: #ffffff;}
#main .customer-wrap .inner {width: 1200px;margin: 0 auto;}
#main .customer-wrap .inner:after {display: block;clear: both;content: '';}
#main .customer-wrap dl {float: left;width: calc(50% - 50px);}
#main .customer-wrap dl:nth-child(2) {margin-left: 100px;}
#main .customer-wrap dl dt {font-size: 32px;color: #333333;font-weight: 500;letter-spacing: -0.02em;line-height: 1em;margin-bottom: 28px;}
#main .customer-wrap legend {display: none;}
#main .customer-wrap .box {font-family: mepty;font-size: 0;margin: -1%;}
#main .customer-wrap .box > * {display: inline-block;zoom: 1;*display: inline;vertical-align: top;width: 31.33%;margin: 1%;box-sizing: border-box;border: 1px solid #ddd;background: #fff;height: 48px;padding-left: 20px;font-size: 15px;color: #777777;letter-spacing: -0.01em;}
#main .customer-wrap .box .w50 {width: 48%;}
#main .customer-wrap .box .w100 {width: 98%;}
#main .customer-wrap .box textarea {padding: 20px;height: 90px;}
#main .customer-wrap .btn-wrap {margin-top: 10px;position: relative;padding-top: 12px;}
#main .customer-wrap .btn-wrap label {font-size: 15px;color: #666666;font-weight: 300;letter-spacing: -0.01em;}
#main .customer-wrap .btn-wrap label input {vertical-align: middle;}
#main .customer-wrap .btn-wrap a {font-size: 15px;color: #666666;font-weight: 300;letter-spacing: -0.01em;margin-left: 5px;}
#main .customer-wrap .sbm {position: absolute;top: 0;right: 0;width: 150px;height: 45px;line-height: 45px;border-radius: 23px;background: #0978c3;font-size: 16px;color: #fff;font-weight: 500;letter-spacing: -0.01em;border: 0;text-align: center;}
#main .customer-wrap .btns:after {display: block;clear: both;content: '';}
#main .customer-wrap .btns a {float: left;margin-left: 20px;}
#main .customer-wrap .btns a:first-child {margin-left: 0;}
#main .customer-wrap .btns a img {display: block;}

/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{ position: relative;width: 1200px;margin: 0 auto; }

#sub #content > *{display: table-cell;vertical-align: top;}
#sub .lnbWrap{width: 245px;}
#sub #subCont{width: 100%;padding: 70px 0;padding-left: 0px;}

#sub.fullsize #subCont{ padding-left: 0;width: 100%;display: block; }
#sub.fullsize .lnbWrap{ display: none !important; }

#sub .sub-vis{position: relative;height: 230px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#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-left: 5px;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}

#sub .sub-tit{position: relative;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;}

.lnbWrap {position: relative;}
.lnbWrap h2{position: absolute;bottom: 100%;left: 0;width: 210px;height: 100px;line-height: 100px;padding: 30px 0 0 35px;background: #0978c3;font-size: 26px;font-weight: 500;letter-spacing: -1px;color: #fff;text-decoration: none;}
#lnb {box-shadow: 4px 4px 10px rgba(0,0,0,0.1);padding: 20px 20px 2px;}
#lnb > li > a{display: block;border-bottom: 1px solid #ddd;line-height: 50px;padding: 0 10px;font-size: 17px;color: #666666;letter-spacing: -0.01em;text-decoration: none;}
#lnb > li > ul {display: none;border-bottom: 1px solid #ddd;padding: 15px 10px;}
#lnb > li > ul li a {display: block;font-size: 15px;color: #777777;font-weight: normal;letter-spacing: -0.05em;line-height: 27px;text-decoration: none;}
#lnb > li.active > a{color: #0978c3;font-weight: 500;border-bottom: 3px solid #0978c3;}
#lnb > li.active > ul {display: block;}
#lnb > li > ul > li.active > a{color: #1d8fdc;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

#navigator{border: 1px solid #ddd;border-width: 1px 0 1px 0;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 300;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('../images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}

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

.colorBlue {color: #0978c3 !important;}
.eng .colorBlue.aboutus {font-weight: 600 !important; }

/*수정#ceo strong {display: block;margin-bottom: 5px;font-size: 30px;color: #222222;letter-spacing: -0.05em;line-height: 40px;font-size: 22px;color: #222222;font-weight: 700;letter-spacing: -0.05em;line-height: 40px;}*/
#ceo strong {margin-bottom: 5px;font-size: 30px;color: #222222;letter-spacing: -0.05em;line-height: 40px;font-size: 22px;color: #222222;font-weight: 700;letter-spacing: -0.05em;line-height: 40px;}
#ceo strong span {font-size: 30px;}
#ceo p {margin: 15px 0 20px;font-size: 17px;color: #545454;font-weight: 300;letter-spacing: -0.02em;line-height: 25px;}
#ceo em {font-style: normal;display: block;border-top: 1px solid #ddd;padding-top: 25px;font-size: 21px;color: #333333;font-weight: 500;letter-spacing: -0.02em;line-height: 1em;}

#vision .img img {margin: 0 auto;max-width: 100%;}
#vision table {width: 100%;margin-top: 65px;border: 1px solid #ddd;border-width: 0 1px;}
#vision table tr > * {border: 1px solid #ddd;border-width: 1px 0;height: 57px;font-size: 16px;color: #777777;font-weight: 300;letter-spacing: -0.02em;}
#vision table tr:nth-child(even) > * {background: #f5f5f5;}
#vision table tr th {font-size: 18px;color: #333333;font-weight: 500;text-align: left;padding-left: 40px;}

#business .business-box {margin: -1%;}
#business .business-box > li {margin: 1%;width: 30%; box-sizing: border-box;display: inline-block;zoom: 1;*display: inline;vertical-align: top;background-repeat: no-repeat;background-position: 100% 100%;min-height: 310px;}
#business .business-box > li strong {display: block;font-size: 21px;color: #333333;font-weight: 500;letter-spacing: -0.02em;line-height: 1.2em;}
#business .business-box > li strong:after {display: block;content: '';width: 30px;height: 1px;background: #333333;margin: 15px 0 25px;}
#business .business-box > li p {font-size: 16px;color: #777777;font-weight: 300;letter-spacing: -0.02em;line-height: 25px;}

#business .img img {max-width: 100%;margin: 0 auto;}

#business .tag-list {margin-top: 40px;}
#business .tag-list > li {border: 1px solid #ddd;background: #fafafa;line-height: 48px;padding: 0 48px;border-radius: 25px;margin-right: 10px;margin-top: 10px;display: inline-block;zoom: 1;*display: inline;vertical-align: top;font-size: 16px;color: #333333;font-weight: 500;letter-spacing: -0.02em;}
#business .tag-list > li:before {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: '#';position: relative;top: -2px;margin-right: 2px;font-size: 16px;color: #333333;font-weight: 500;letter-spacing: -0.02em;}




.eng #ceo strong {font-size: 22px;font-weight: normal;line-height: 1.2em;letter-spacing: normal;}
.eng #ceo strong.aboutus-txt {font-size: 20px !important;}
.eng #ceo strong span {font-size: 22px;}
.eng #ceo p span {font-size: 18px;font-weight: 600;}

.eng #vision table tr td {padding-left: 40px;}
.eng #vision table tr td strong {font-weight: 600;}


.word-break {
   word-break: normal;   /****  영어는 어절단위 / 타언어 음절단위  ****/
}

.kword-break {
   word-break: keep-all;     /****   타언어 어절단위  ****/
}

.well{
min-height:20px;
padding:20px;
margin-bottom:20px;
background-color:#ffffff;
border:1px solid #d2e0f4;
border-radius:0px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)
}

.well2{
min-height:20px;
padding:20px;
margin-bottom:20px;
background-color:#ffffff;
border:5px solid #e6ebf1;
border-radius:1px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)
}

.well3{
min-height:40px;
padding:60px;
margin-bottom:40px;
background-color:#0095da;
vertical-align: middle;
border:1px solid #cccccc;
border-radius:0px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)
}

.well4{
min-height:40px;
padding:60px;
margin-bottom:40px;
background-color:#aae043;
vertical-align: middle;
border:1px solid #cccccc;
border-radius:0px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)
}

.well5{
min-height:20px;
padding:20px;
margin-bottom:20px;
background-color:#ffffff;
vertical-align: middle;
border:1px solid #d2e0f4;
border-radius:0px;

}

.well6{
min-height:20px;
padding:25px;
margin-bottom:25px;
background-color:#ffffff;
vertical-align: middle;
border:5px solid #e5e5e5;
border-radius:0px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)
}

.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}
.well-lg{padding:24px;border-radius:6px}
.well-sm{padding:9px;border-radius:3px}

html .page .offset-top-0 {
	margin-top: 0;
}

html .page .offset-top-5 {
	margin-top: 5px;
}

html .page .offset-top-10 {
	margin-top: 10px;
}

html .page .offset-top-12 {
	margin-top: 12px;
}

html .page .offset-top-15 {
	margin-top: 15px;
}

html .page .offset-top-17 {
	margin-top: 17px;
}

html .page .offset-top-20 {
	margin-top: 20px;
}

html .page .offset-top-22 {
	margin-top: 22px;
}

html .page .offset-top-25 {
	margin-top: 25px;
}

html .page .offset-top-27 {
	margin-top: 27px;
}

html .page .offset-top-30 {
	margin-top: 30px;
}

html .page .offset-top-35 {
	margin-top: 35px;
}

html .page .offset-top-40 {
	margin-top: 40px;
}

html .page .offset-top-45 {
	margin-top: 45px;
}

html .page .offset-top-47 {
	margin-top: 47px;
}

html .page .offset-top-50 {
	margin-top: 50px;
}

html .page .offset-top-56 {
	margin-top: 56px;
}

html .page .offset-top-60 {
	margin-top: 60px;
}

html .page .offset-top-65 {
	margin-top: 65px;
}

html .page .offset-top-70 {
	margin-top: 70px;
}

html .page .offset-top-85 {
	margin-top: 85px;
}

html .page .offset-top-90 {
	margin-top: 90px;
}

html .page .offset-top-110 {
	margin-top: 110px;
}

html .page .offset-top-114 {
	margin-top: 114px;
}

html .page .offset-top-133 {
	margin-top: 133px;
}

html .page .offset-top-247 {
	margin-top: 247px;
}

html .page .offset-bottom-30 {
	margin-bottom: 30px;
}

html .page .offset-bottom-110 {
	margin-bottom: 110px;
}

@media (min-width: 480px) {
	html .page .offset-xs-top-0 {
		margin-top: 0;
	}
	html .page .offset-xs-top-5 {
		margin-top: 5px;
	}
	html .page .offset-xs-top-10 {
		margin-top: 10px;
	}
	html .page .offset-xs-top-12 {
		margin-top: 12px;
	}
	html .page .offset-xs-top-15 {
		margin-top: 15px;
	}
	html .page .offset-xs-top-17 {
		margin-top: 17px;
	}
	html .page .offset-xs-top-20 {
		margin-top: 20px;
	}
	html .page .offset-xs-top-22 {
		margin-top: 22px;
	}
	html .page .offset-xs-top-25 {
		margin-top: 25px;
	}
	html .page .offset-xs-top-27 {
		margin-top: 27px;
	}
	html .page .offset-xs-top-30 {
		margin-top: 30px;
	}
	html .page .offset-xs-top-35 {
		margin-top: 35px;
	}
	html .page .offset-xs-top-40 {
		margin-top: 40px;
	}
	html .page .offset-xs-top-45 {
		margin-top: 45px;
	}
	html .page .offset-xs-top-47 {
		margin-top: 47px;
	}
	html .page .offset-xs-top-50 {
		margin-top: 50px;
	}
	html .page .offset-xs-top-56 {
		margin-top: 56px;
	}
	html .page .offset-xs-top-60 {
		margin-top: 60px;
	}
	html .page .offset-xs-top-65 {
		margin-top: 65px;
	}
	html .page .offset-xs-top-70 {
		margin-top: 70px;
	}
	html .page .offset-xs-top-85 {
		margin-top: 85px;
	}
	html .page .offset-xs-top-90 {
		margin-top: 90px;
	}
	html .page .offset-xs-top-110 {
		margin-top: 110px;
	}
	html .page .offset-xs-top-114 {
		margin-top: 114px;
	}
	html .page .offset-xs-top-133 {
		margin-top: 133px;
	}
	html .page .offset-xs-top-147 {
		margin-top: 147px;
	}
}

@media (min-width: 768px) {
	html .page .offset-sm-top-0 {
		margin-top: 0;
	}
	html .page .offset-sm-top-5 {
		margin-top: 5px;
	}
	html .page .offset-sm-top-10 {
		margin-top: 10px;
	}
	html .page .offset-sm-top-12 {
		margin-top: 12px;
	}
	html .page .offset-sm-top-15 {
		margin-top: 15px;
	}
	html .page .offset-sm-top-17 {
		margin-top: 17px;
	}
	html .page .offset-sm-top-20 {
		margin-top: 20px;
	}
	html .page .offset-sm-top-22 {
		margin-top: 22px;
	}
	html .page .offset-sm-top-25 {
		margin-top: 25px;
	}
	html .page .offset-sm-top-27 {
		margin-top: 27px;
	}
	html .page .offset-sm-top-30 {
		margin-top: 30px;
	}
	html .page .offset-sm-top-35 {
		margin-top: 35px;
	}
	html .page .offset-sm-top-40 {
		margin-top: 40px;
	}
	html .page .offset-sm-top-45 {
		margin-top: 45px;
	}
	html .page .offset-sm-top-47 {
		margin-top: 47px;
	}
	html .page .offset-sm-top-50 {
		margin-top: 50px;
	}
	html .page .offset-sm-top-56 {
		margin-top: 56px;
	}
	html .page .offset-sm-top-60 {
		margin-top: 60px;
	}
	html .page .offset-sm-top-65 {
		margin-top: 65px;
	}
	html .page .offset-sm-top-70 {
		margin-top: 70px;
	}
	html .page .offset-sm-top-85 {
		margin-top: 85px;
	}
	html .page .offset-sm-top-90 {
		margin-top: 90px;
	}
	html .page .offset-sm-top-110 {
		margin-top: 110px;
	}
	html .page .offset-sm-top-114 {
		margin-top: 114px;
	}
	html .page .offset-sm-top-133 {
		margin-top: 133px;
	}
	html .page .offset-sm-top-147 {
		margin-top: 147px;
	}
}

@media (min-width: 992px) {
	html .page .offset-md-top-0 {
		margin-top: 0;
	}
	html .page .offset-md-top-5 {
		margin-top: 5px;
	}
	html .page .offset-md-top-10 {
		margin-top: 10px;
	}
	html .page .offset-md-top-12 {
		margin-top: 12px;
	}
	html .page .offset-md-top-15 {
		margin-top: 15px;
	}
	html .page .offset-md-top-17 {
		margin-top: 17px;
	}
	html .page .offset-md-top-20 {
		margin-top: 20px;
	}
	html .page .offset-md-top-22 {
		margin-top: 22px;
	}
	html .page .offset-md-top-25 {
		margin-top: 25px;
	}
	html .page .offset-md-top-27 {
		margin-top: 27px;
	}
	html .page .offset-md-top-30 {
		margin-top: 30px;
	}
	html .page .offset-md-top-35 {
		margin-top: 35px;
	}
	html .page .offset-md-top-40 {
		margin-top: 40px;
	}
	html .page .offset-md-top-45 {
		margin-top: 45px;
	}
	html .page .offset-md-top-47 {
		margin-top: 47px;
	}
	html .page .offset-md-top-50 {
		margin-top: 50px;
	}
	html .page .offset-md-top-56 {
		margin-top: 56px;
	}
	html .page .offset-md-top-60 {
		margin-top: 60px;
	}
	html .page .offset-md-top-65 {
		margin-top: 65px;
	}
	html .page .offset-md-top-70 {
		margin-top: 70px;
	}
	html .page .offset-md-top-85 {
		margin-top: 85px;
	}
	html .page .offset-md-top-90 {
		margin-top: 90px;
	}
	html .page .offset-md-top-110 {
		margin-top: 110px;
	}
	html .page .offset-md-top-114 {
		margin-top: 114px;
	}
	html .page .offset-md-top-133 {
		margin-top: 133px;
	}
	html .page .offset-md-top-147 {
		margin-top: 147px;
	}
}

@media (min-width: 1200px) {
	html .page .offset-lg-top-0 {
		margin-top: 0;
	}
	html .page .offset-lg-top-5 {
		margin-top: 5px;
	}
	html .page .offset-lg-top-10 {
		margin-top: 10px;
	}
	html .page .offset-lg-top-12 {
		margin-top: 12px;
	}
	html .page .offset-lg-top-15 {
		margin-top: 15px;
	}
	html .page .offset-lg-top-17 {
		margin-top: 17px;
	}
	html .page .offset-lg-top-20 {
		margin-top: 20px;
	}
	html .page .offset-lg-top-22 {
		margin-top: 22px;
	}
	html .page .offset-lg-top-25 {
		margin-top: 25px;
	}
	html .page .offset-lg-top-27 {
		margin-top: 27px;
	}
	html .page .offset-lg-top-30 {
		margin-top: 30px;
	}
	html .page .offset-lg-top-35 {
		margin-top: 35px;
	}
	html .page .offset-lg-top-40 {
		margin-top: 40px;
	}
	html .page .offset-lg-top-45 {
		margin-top: 45px;
	}
	html .page .offset-lg-top-47 {
		margin-top: 47px;
	}
	html .page .offset-lg-top-50 {
		margin-top: 50px;
	}
	html .page .offset-lg-top-56 {
		margin-top: 56px;
	}
	html .page .offset-lg-top-60 {
		margin-top: 60px;
	}
	html .page .offset-lg-top-65 {
		margin-top: 65px;
	}
	html .page .offset-lg-top-70 {
		margin-top: 70px;
	}
	html .page .offset-lg-top-85 {
		margin-top: 85px;
	}
	html .page .offset-lg-top-90 {
		margin-top: 90px;
	}
	html .page .offset-lg-top-110 {
		margin-top: 110px;
	}
	html .page .offset-lg-top-114 {
		margin-top: 114px;
	}
	html .page .offset-lg-top-133 {
		margin-top: 133px;
	}
	html .page .offset-lg-top-147 {
		margin-top: 147px;
	}
}

@media (min-width: 1800px) {
	html .page .offset-xl-top-0 {
		margin-top: 0;
	}
	html .page .offset-xl-top-5 {
		margin-top: 5px;
	}
	html .page .offset-xl-top-10 {
		margin-top: 10px;
	}
	html .page .offset-xl-top-12 {
		margin-top: 12px;
	}
	html .page .offset-xl-top-15 {
		margin-top: 15px;
	}
	html .page .offset-xl-top-17 {
		margin-top: 17px;
	}
	html .page .offset-xl-top-20 {
		margin-top: 20px;
	}
	html .page .offset-xl-top-22 {
		margin-top: 22px;
	}
	html .page .offset-xl-top-25 {
		margin-top: 25px;
	}
	html .page .offset-xl-top-27 {
		margin-top: 27px;
	}
	html .page .offset-xl-top-30 {
		margin-top: 30px;
	}
	html .page .offset-xl-top-35 {
		margin-top: 35px;
	}
	html .page .offset-xl-top-40 {
		margin-top: 40px;
	}
	html .page .offset-xl-top-45 {
		margin-top: 45px;
	}
	html .page .offset-xl-top-47 {
		margin-top: 47px;
	}
	html .page .offset-xl-top-50 {
		margin-top: 50px;
	}
	html .page .offset-xl-top-56 {
		margin-top: 56px;
	}
	html .page .offset-xl-top-60 {
		margin-top: 60px;
	}
	html .page .offset-xl-top-65 {
		margin-top: 65px;
	}
	html .page .offset-xl-top-70 {
		margin-top: 70px;
	}
	html .page .offset-xl-top-85 {
		margin-top: 85px;
	}
	html .page .offset-xl-top-90 {
		margin-top: 90px;
	}
	html .page .offset-xl-top-110 {
		margin-top: 110px;
	}
	html .page .offset-xl-top-114 {
		margin-top: 114px;
	}
	html .page .offset-xl-top-133 {
		margin-top: 133px;
	}
	html .page .offset-xl-top-147 {
		margin-top: 147px;
	}
}

.rd-mailform {
	position: relative;
}

.rd-mailform .btn {
	padding: 15px;
}

.rd-mailform * + .button-block {
	margin-top: 30px;
}

.page .form-modern .form-input,
.page .form-modern .form-label {
	color: #9f9f9f;
}

.page .form-modern input {
	height: auto;
	min-height: 20px;
}

.page .form-modern .form-input:focus {
	border-color: #6bc3f0;
}

.page .form-modern .form-input {
	padding: 6px 0;
	border-radius: 0;
	border-width: 0 0 1px 0;
	border-color: #dedede;
	background-color: transparent;
}

.page .form-modern .form-label {
	left: 0;
	top: 18px;
}

.page .form-modern .form-validation {
	top: auto;
	left: auto;
	right: 0;
	bottom: -12px;
	font-style: italic;
}

.page .form-modern .has-error .help-block,
.page .form-modern .has-error .control-label,
.page .form-modern .has-error .radio,
.page .form-modern .has-error .checkbox,
.page .form-modern .has-error .radio-inline,
.page .form-modern .has-error .checkbox-inline,
.page .form-modern .has-error.radio label,
.page .form-modern .has-error.checkbox label,
.page .form-modern .has-error.radio-inline label,
.page .form-modern .has-error.checkbox-inline label {
	color: #fe4a21;
}

.page .form-modern .has-error .form-input:not(.form-input-impressed), .page .form-modern .has-error .form-input:not(.form-input-impressed):focus {
	border-color: #fe4a21;
	box-shadow: none;
}

.page .form-modern .has-error .form-input-impressed, .page .form-modern .has-error .form-input-impressed:focus {
	box-shadow: inset 0 0 0 1px #fe4a21;
}

.page .form-modern .has-error .input-group-addon {
	color: #fff;
	border-color: #fe4a21;
	background-color: #fe4a21;
}

.form-inline .page .form-modern .has-error ~ button[type='submit'] {
	border-color: #fe4a21;
	background: #fe4a21;
}

.page .form-modern .has-error .form-validation {
	color: #fe4a21;
}

.page .form-modern.form-darker .form-input,
.page .form-modern.form-darker .form-label {
	color: #000;
}

.page .form-modern.form-darker .form-label:not(.focus) + .form-input {
	border-color: #cdcdcd;
}

.page .form-modern.form-inverse .form-label,
.page .form-modern.form-inverse .form-input {
	color: #9f9f9f;
	background-color: transparent;
}

.page .form-modern.form-inverse .form-label.text-white-05,
.page .form-modern.form-inverse .form-input.text-white-05 {
	color: rgba(255, 255, 255, 0.5);
}

.form-classic.form-inline {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.form-classic.form-inline .btn {
	min-width: 0;
}

.form-classic.form-inline .btn-primary:hover {
	background: #3db0eb;
}

.form-classic.form-inline .form-wrap {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-right: -5px;
}

.form-classic.form-inline .form-input {
	width: 100%;
	border-radius: 5px 0 0 5px;
}

.form-classic.form-inline .btn {
	position: relative;
	z-index: 2;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 0 5px 5px 0;
}

.form-classic.form-inline .has-error + .form-input {
	border: 1px solid #fff;
}

.form-classic.form-inline .has-error .help-block,
.form-classic.form-inline .has-error .control-label,
.form-classic.form-inline .has-error .radio,
.form-classic.form-inline .has-error .checkbox,
.form-classic.form-inline .has-error .radio-inline,
.form-classic.form-inline .has-error .checkbox-inline,
.form-classic.form-inline .has-error.radio label,
.form-classic.form-inline .has-error.checkbox label,
.form-classic.form-inline .has-error.radio-inline label,
.form-classic.form-inline .has-error.checkbox-inline label {
	color: #fe4a21;
}

.form-classic.form-inline .has-error .form-input:not(.form-input-impressed), .form-classic.form-inline .has-error .form-input:not(.form-input-impressed):focus {
	border-color: #fe4a21;
	box-shadow: none;
}

.form-classic.form-inline .has-error .form-input-impressed, .form-classic.form-inline .has-error .form-input-impressed:focus {
	box-shadow: inset 0 0 0 1px #fe4a21;
}

.form-classic.form-inline .has-error .input-group-addon {
	color: #fff;
	border-color: #fe4a21;
	background-color: #fe4a21;
}

.form-inline .form-classic.form-inline .has-error ~ button[type='submit'] {
	border-color: #fe4a21;
	background: #fe4a21;
}

.form-classic.form-inline .has-error .form-validation {
	color: #fe4a21;
}

.form-classic.form-inline .form-validation {
	font-style: italic;
	top: auto;
	right: auto;
	left: 0;
	bottom: -15px;
}

.form-classic.form-inline > * + * {
	margin-top: 0;
}

.rd-mailform * + .button-block {
	margin-top: 30px;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

	.heading-panel-decor {
		font-size: 0;
		line-height: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		height: 0;
		margin: 0 0px;
		border-top: 1px solid #dfdfdf;
	}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.col-1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}

.col-2 {
	flex: 0 0 16.66667%;
	max-width: 16.66667%;
}

.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.col-5 {
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}

.col-8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}

.col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}

.col-11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.order-first {
	order: -1;
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.order-3 {
	order: 3;
}

.order-4 {
	order: 4;
}

.order-5 {
	order: 5;
}

.order-6 {
	order: 6;
}

.order-7 {
	order: 7;
}

.order-8 {
	order: 8;
}

.order-9 {
	order: 9;
}

.order-10 {
	order: 10;
}

.order-11 {
	order: 11;
}

.order-12 {
	order: 12;
}

.offset-1 {
	margin-left: 8.33333%;
}

.offset-2 {
	margin-left: 16.66667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.33333%;
}

.offset-5 {
	margin-left: 41.66667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.33333%;
}

.offset-8 {
	margin-left: 66.66667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.33333%;
}

.offset-11 {
	margin-left: 91.66667%;
}

@media (min-width: 576px) {
	.col-sm {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-sm-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-sm-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-sm-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-sm-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-sm-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-sm-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-sm-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-sm-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.order-sm-first {
		order: -1;
	}
	.order-sm-1 {
		order: 1;
	}
	.order-sm-2 {
		order: 2;
	}
	.order-sm-3 {
		order: 3;
	}
	.order-sm-4 {
		order: 4;
	}
	.order-sm-5 {
		order: 5;
	}
	.order-sm-6 {
		order: 6;
	}
	.order-sm-7 {
		order: 7;
	}
	.order-sm-8 {
		order: 8;
	}
	.order-sm-9 {
		order: 9;
	}
	.order-sm-10 {
		order: 10;
	}
	.order-sm-11 {
		order: 11;
	}
	.order-sm-12 {
		order: 12;
	}
	.offset-sm-0 {
		margin-left: 0;
	}
	.offset-sm-1 {
		margin-left: 8.33333%;
	}
	.offset-sm-2 {
		margin-left: 16.66667%;
	}
	.offset-sm-3 {
		margin-left: 25%;
	}
	.offset-sm-4 {
		margin-left: 33.33333%;
	}
	.offset-sm-5 {
		margin-left: 41.66667%;
	}
	.offset-sm-6 {
		margin-left: 50%;
	}
	.offset-sm-7 {
		margin-left: 58.33333%;
	}
	.offset-sm-8 {
		margin-left: 66.66667%;
	}
	.offset-sm-9 {
		margin-left: 75%;
	}
	.offset-sm-10 {
		margin-left: 83.33333%;
	}
	.offset-sm-11 {
		margin-left: 91.66667%;
	}
}

@media (min-width: 768px) {
	.col-md {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-md-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-md-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-md-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-md-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-md-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-md-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-md-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-md-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.order-md-first {
		order: -1;
	}
	.order-md-1 {
		order: 1;
	}
	.order-md-2 {
		order: 2;
	}
	.order-md-3 {
		order: 3;
	}
	.order-md-4 {
		order: 4;
	}
	.order-md-5 {
		order: 5;
	}
	.order-md-6 {
		order: 6;
	}
	.order-md-7 {
		order: 7;
	}
	.order-md-8 {
		order: 8;
	}
	.order-md-9 {
		order: 9;
	}
	.order-md-10 {
		order: 10;
	}
	.order-md-11 {
		order: 11;
	}
	.order-md-12 {
		order: 12;
	}
	.offset-md-0 {
		margin-left: 0;
	}
	.offset-md-1 {
		margin-left: 8.33333%;
	}
	.offset-md-2 {
		margin-left: 16.66667%;
	}
	.offset-md-3 {
		margin-left: 25%;
	}
	.offset-md-4 {
		margin-left: 33.33333%;
	}
	.offset-md-5 {
		margin-left: 41.66667%;
	}
	.offset-md-6 {
		margin-left: 50%;
	}
	.offset-md-7 {
		margin-left: 58.33333%;
	}
	.offset-md-8 {
		margin-left: 66.66667%;
	}
	.offset-md-9 {
		margin-left: 75%;
	}
	.offset-md-10 {
		margin-left: 83.33333%;
	}
	.offset-md-11 {
		margin-left: 91.66667%;
	}
}

@media (min-width: 992px) {
	.col-lg {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-lg-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-lg-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-lg-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-lg-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-lg-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-lg-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-lg-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-lg-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-lg-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.order-lg-first {
		order: -1;
	}
	.order-lg-1 {
		order: 1;
	}
	.order-lg-2 {
		order: 2;
	}
	.order-lg-3 {
		order: 3;
	}
	.order-lg-4 {
		order: 4;
	}
	.order-lg-5 {
		order: 5;
	}
	.order-lg-6 {
		order: 6;
	}
	.order-lg-7 {
		order: 7;
	}
	.order-lg-8 {
		order: 8;
	}
	.order-lg-9 {
		order: 9;
	}
	.order-lg-10 {
		order: 10;
	}
	.order-lg-11 {
		order: 11;
	}
	.order-lg-12 {
		order: 12;
	}
	.offset-lg-0 {
		margin-left: 0;
	}
	.offset-lg-1 {
		margin-left: 8.33333%;
	}
	.offset-lg-2 {
		margin-left: 16.66667%;
	}
	.offset-lg-3 {
		margin-left: 25%;
	}
	.offset-lg-4 {
		margin-left: 33.33333%;
	}
	.offset-lg-5 {
		margin-left: 41.66667%;
	}
	.offset-lg-6 {
		margin-left: 50%;
	}
	.offset-lg-7 {
		margin-left: 58.33333%;
	}
	.offset-lg-8 {
		margin-left: 66.66667%;
	}
	.offset-lg-9 {
		margin-left: 75%;
	}
	.offset-lg-10 {
		margin-left: 83.33333%;
	}
	.offset-lg-11 {
		margin-left: 91.66667%;
	}
}

@media (min-width: 1200px) {
	.col-xl {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-xl-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-xl-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xl-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xl-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xl-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xl-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xl-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-xl-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-xl-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xl-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-xl-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-xl-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.order-xl-first {
		order: -1;
	}
	.order-xl-1 {
		order: 1;
	}
	.order-xl-2 {
		order: 2;
	}
	.order-xl-3 {
		order: 3;
	}
	.order-xl-4 {
		order: 4;
	}
	.order-xl-5 {
		order: 5;
	}
	.order-xl-6 {
		order: 6;
	}
	.order-xl-7 {
		order: 7;
	}
	.order-xl-8 {
		order: 8;
	}
	.order-xl-9 {
		order: 9;
	}
	.order-xl-10 {
		order: 10;
	}
	.order-xl-11 {
		order: 11;
	}
	.order-xl-12 {
		order: 12;
	}
	.offset-xl-0 {
		margin-left: 0;
	}
	.offset-xl-1 {
		margin-left: 8.33333%;
	}
	.offset-xl-2 {
		margin-left: 16.66667%;
	}
	.offset-xl-3 {
		margin-left: 25%;
	}
	.offset-xl-4 {
		margin-left: 33.33333%;
	}
	.offset-xl-5 {
		margin-left: 41.66667%;
	}
	.offset-xl-6 {
		margin-left: 50%;
	}
	.offset-xl-7 {
		margin-left: 58.33333%;
	}
	.offset-xl-8 {
		margin-left: 66.66667%;
	}
	.offset-xl-9 {
		margin-left: 75%;
	}
	.offset-xl-10 {
		margin-left: 83.33333%;
	}
	.offset-xl-11 {
		margin-left: 91.66667%;
	}
}

@media (min-width: 1600px) {
	.col-xxl {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-xxl-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-xxl-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-xxl-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xxl-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxl-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xxl-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xxl-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxl-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-xxl-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-xxl-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxl-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-xxl-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-xxl-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.order-xxl-first {
		order: -1;
	}
	.order-xxl-1 {
		order: 1;
	}
	.order-xxl-2 {
		order: 2;
	}
	.order-xxl-3 {
		order: 3;
	}
	.order-xxl-4 {
		order: 4;
	}
	.order-xxl-5 {
		order: 5;
	}
	.order-xxl-6 {
		order: 6;
	}
	.order-xxl-7 {
		order: 7;
	}
	.order-xxl-8 {
		order: 8;
	}
	.order-xxl-9 {
		order: 9;
	}
	.order-xxl-10 {
		order: 10;
	}
	.order-xxl-11 {
		order: 11;
	}
	.order-xxl-12 {
		order: 12;
	}
	.offset-xxl-0 {
		margin-left: 0;
	}
	.offset-xxl-1 {
		margin-left: 8.33333%;
	}
	.offset-xxl-2 {
		margin-left: 16.66667%;
	}
	.offset-xxl-3 {
		margin-left: 25%;
	}
	.offset-xxl-4 {
		margin-left: 33.33333%;
	}
	.offset-xxl-5 {
		margin-left: 41.66667%;
	}
	.offset-xxl-6 {
		margin-left: 50%;
	}
	.offset-xxl-7 {
		margin-left: 58.33333%;
	}
	.offset-xxl-8 {
		margin-left: 66.66667%;
	}
	.offset-xxl-9 {
		margin-left: 75%;
	}
	.offset-xxl-10 {
		margin-left: 83.33333%;
	}
	.offset-xxl-11 {
		margin-left: 91.66667%;
	}
}