/* Start:/local/templates/xray/css/xe.css?17104114085516*/ @charset "utf-8"; /*! Copyright (C) NAVER */ /* @author NAVER */ /*csslint unqualified-attributes: false, display-property-grouping: false*/ /* Element Reset */ body, table, input, textarea, select, button { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } body { position: relative; word-wrap: break-word; } a img { border: 0; } [hidden] { display: none; } .xe_content img { max-width: 100%; height: auto; } @media \0screen { img { max-width: none; } } .xe-clearfix:before, .xe-clearfix:after { content: " "; display: table; } .xe-clearfix:after { clear: both; } .xe-clearfix { zoom: 1; } .xe-widget-wrapper { overflow: hidden; } /* Popup Menu Area */ #popup_menu_area { position: absolute; margin: 10px 0; padding: 10px; border: 1px solid #e9e9e9; border-radius: 3px; font-size: 12px; box-shadow: 0 0 6px #666; filter: progid: DXImageTransform.Microsoft.Shadow(color=#999999,direction=135, strength=5); background: #fff; } #popup_menu_area ul { margin: 0; padding: 0; list-style: none; } #popup_menu_area li { margin: 0; padding: 0; line-height: 1.25; } #popup_menu_area a { display: block; padding: 1px 3px; border-radius: 2px; text-decoration: none; color: #333; } #popup_menu_area a:hover, #popup_menu_area a:active, #popup_menu_area a:focus { color: #fff; background: #666; } /* Message */ .message { position: relative; margin: 1em 0; padding: 0 1em; border: 1px solid #ddd; border-radius: 4px; line-height: 1.4; font-size: 13px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #f8f8f8; } body>.message { margin: 1em; } .message p { margin: 1em 0 !important; } .message.info { border-color: #BCE8F1; color: #3A87AD; background-color: #D9EDF7; } .message.error { border-color: #EED3D7; color: #B94A48; background-color: #F2DEDE; } .message.update { border-color: #D6E9C6; color: #468847; background-color: #DFF0D8; } /* Waiting for server response */ .wfsr { z-index: 100; display: none; position: fixed; left: 0; top: 0; right: 0; margin: 0; padding: 20px 0 0 0; border-bottom: 1px solid #ccc; text-align: center; font: bold 16px/60px "Helvetica Neue", Helvetica, Arial, 돋움, Dotum, sans-serif; color: #fff; opacity: .8; filter: alpha(opacity=80); box-shadow: 0 0 5px #000; background: #333 url("/local/templates/xray/css/../img/msg.loading.gif") no-repeat center 15px; } /* Button */ .btnArea { clear: both; margin: 10px 0; padding: 0; text-align: right; zoom: 1; } .btnArea:after { clear: both; display: block; content: ""; } .btn { display: inline-block; *display: inline; margin: 0; padding: 0 12px !important; height: 24px !important; overflow: visible; border: 1px solid #bbbbbb; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; border-radius: 2px; text-decoration: none !important; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: top; line-height: 24px !important; font-family: inherit; font-size: 12px; color: #333333; *zoom: 1; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); } input.btn, button.btn { height: 26px !important; } .btn:hover, .btn:active, .btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn>a, .btn>button, .btn>input, .btn>span { display: inline-block; *zoom: 1; margin: 0 -12px !important; padding: 0 12px !important; overflow: visible; width: auto; height: 24px; border: 0; vertical-align: top; text-decoration: none !important; line-height: 24px; font-family: inherit; font-size: 12px; color: #333; cursor: pointer; background: none; } .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; white-space: nowrap; vertical-align: middle; font-size: 0; *zoom: 1; } .btn-group:first-child { *margin-left: 0; } .btn-group+.btn-group { margin-left: 5px; } .btn-group>.btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group>.btn+.btn { margin-left: -1px; } .btn-group>.btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .btn-group>.btn:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active { z-index: 2; } /* End */ /* Start:/local/templates/xray/css/custom.css?17104114085421*/ .company .contentHeader, .overview_en .contentHeader, .overview_cn .contentHeader, .overview_jp .contentHeader, .overview_de .contentHeader, .overview_fr .contentHeader, .overview_it .contentHeader, .overview_es .contentHeader, .overview_uk .contentHeader, { background-image:url(/local/templates/xray/css/../images/header_ry_1.png); } .technology .contentHeader { background-image:url(/local/templates/xray/css/../images/img_subhead_product.png); } .technology.bo_industrial_ko .contentHeader { background-image:url(/local/templates/xray/css/../images/img_subhead_industrial.png); } .ir_summary .contentHeader { background-image:url(/local/templates/xray/css/../images/header_ry_3.png); } .medical_new .contentHeader { background-image: url(/local/templates/xray/css/../images/img_subhead_product.png); } .medical_new.bo_industrial .contentHeader { background-image: url(/local/templates/xray/css/../images/img_subhead_industrial.png); } .news_en .contentHeader, .news_cn .contentHeader, .news_jp .contentHeader, .news_fr .contentHeader, .news_de .contentHeader, .news_it .contentHeader, .news_es .contentHeader, .news_uk .contentHeader, .news .contentHeader { background-image:url(/local/templates/xray/css/../images/header_ry_4.png); } #gnb .menuImg.overview_en:after, #gnb .menuImg.overview_cn:after, #gnb .menuImg.overview_jp:after, #gnb .menuImg.overview_de:after, #gnb .menuImg.overview_fr:after, #gnb .menuImg.overview_it:after, #gnb .menuImg.overview_es:after, #gnb .menuImg.overview_uk:after, #gnb .menuImg.company:after { background-image: url(/local/templates/xray/css/../images/icon64_gnb_08.png) ;} #gnb .menuImg.technology_en:after, #gnb .menuImg.technology_cn:after, #gnb .menuImg.technology_jp:after, #gnb .menuImg.technology_fr:after, #gnb .menuImg.technology_de:after, #gnb .menuImg.technology_it:after, #gnb .menuImg.technology_es:after, #gnb .menuImg.technology_uk:after { background-image: url(/local/templates/xray/css/../images/icon64_gnb_13.png) ;} #gnb .menuImg.ir_summary:after { background-image: url(/local/templates/xray/css/../images/icon64_gnb_11.png) ;} #gnb .menuImg.news_en:after, #gnb .menuImg.news_cn:after, #gnb .menuImg.news_jp:after, #gnb .menuImg.news_fr:after, #gnb .menuImg.news_de:after, #gnb .menuImg.news_it:after, #gnb .menuImg.news_es:after, #gnb .menuImg.news_uk:after, #gnb .menuImg.news:after { background-image: url(/local/templates/xray/css/../images/icon64_gnb_03.png@200911) ;} .ceoSection .row .col {position: relative; z-index: 2;} .ceoSection .row .col.t2 {position: relative; z-index: 1;} .ceoSection .row .col.t2 .imgWrap {position: absolute; top: 0; right: 0;} /* .ceoSection p.sign:after {content: ""; display: inline-block; position: relative; width: 170px; height: 60px; background: url(/local/templates/xray/css/../contents/img/1_ceo_2.png) no-repeat; top: 30px; left: 20px; } */ /* .sitemapGNB li .title:before {content: ""; display: inline-block; width: 32px; height: 32px; background-size: 32px auto; background-position: center bottom; position: relative; top: 9px; margin-right: 5px;} */ .sitemapGNB li .title.company { background-image: url(/local/templates/xray/css/../images/icon64_gnb_08.png) ;} .sitemapGNB li .title.technology { background-image: url(/local/templates/xray/css/../images/icon64_gnb_04.png) ;} .sitemapGNB li .title.ir_summary { background-image: url(/local/templates/xray/css/../images/icon64_gnb_11.png) ;} .sitemapGNB li .title.news { background-image: url(/local/templates/xray/css/../images/icon64_gnb_03.png) ;} /* 제품 상세정보 */ .boardView .productBodyWrap {padding-top: 0 } .boardView .divider {margin-bottom: 10px !important} .irDownload .button {padding: 0 20px !important} .applications ul li.on a.category {background-size: cover} /* .rowT2.centerLine .half:nth-child(2n) {position: relative;} .rowT2.centerLine .half:nth-child(2n):after {content: "a"; display: block; position: absolute; left: 0; top: 5px;} */ .rowT2.boxList {width: 80%; margin: 0 auto} .rowT2.boxList .imgThum {min-height: 245px; } .rowT2.boxList .imgThum h4 {text-align: center; padding-top: 20px} .rowT2.boxList .imgThum h4:before {display: none} .rowT2.boxList .imgThum ul {padding: 0 0 20px; margin-left: 0} /* 언어 선택자 */ .langSelector_t2 { display: none; background: #fff; position: fixed; top: 20px; z-index: 1000; list-style: none; padding: 0; min-width: 100px; } .langSelector_t2.on {display: inline-block; } .langSelector_t2 li a {display: block; padding: 5px 8px; box-sizing: border-box; text-decoration: none; border: 1px solid #ccc; border-top: 0; font-size: 12px; color: #444;} .langSelector_t2 li a:hover {background: #d90000; color: #fff; border-color: #d90000} @media (max-width:1080px) { } @media (max-width:980px) { .rowT2.boxList {width: 100%; margin: 0 auto} .rowT2.boxList .imgThum {min-height: 265px; } } @media (max-width:960px) { .markList2 li {width: 30% !important;} .markList2 li img {zoom: 0.8} .packageWrap .col.quad {min-height: 310px} .row .col.half.moibleHalf {width: 49% !important; margin: 0 !important; float: left !important;} .row .col.half.moibleHalf:first-child {margin-right: 2% !important;} .woorienSection .singleImg img{ width: 80% !important} .row .col.half.moibleHalf h4 a {display: block !important; text-align: center; margin-top: 5px;} .langSelector_t2 { top:15px;} } @media (max-width:740px) { .markList2 li {width:45% !important;} .markList2 li img {zoom: 0.7} .rowT2.boxList {width: 100%; margin: 0 auto} .rowT2.boxList .imgThum {min-height: 265px; border: 0; min-height: 0 } .rowT2.boxList .imgThum ul {padding: 0;} .langSelector_t2 {top:15px; right: 0; left: 0;} .langSelector_t2 li a {font-size: 13px; padding: 8px} /* .packageWrap .col.quad {min-height: auto;} */ } /* End */ /* Start:/local/templates/xray/css/preset.css?17104114081644*/ .reset, .reset * { font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; background: transparent; } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } .reset ol, .reset ul { list-style: none; } .reset blockquote, .reset q { quotes: none; } .reset table, table { width: 100%; border-collapse: collapse; border-spacing: 0; } /* 웹접근성 세팅 */ a:focus, select:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="tel"]:focus, textarea:focus { } a:active, select:active, input[type="radio"]:active, input[type="checkbox"]:active, input[type="text"]:active, input[type="date"]:active, input[type="password"]:active, textarea:active { } html, body { width:100%; height:100%; margin: 0; padding: 0; } body { font-size: 14px; line-height: 1.5; } input, select, button, textarea { font-size: 1em; /* -webkit-appearance: none; */ border-radius: 0; } .reset b, .reset strong { font-weight: bold; } .reset a { text-decoration: none; } i, img, select { vertical-align: middle !important; } button:hover, a:hover { cursor: pointer!important; } ::selection{ background:#666; color: #FFF; text-shadow: none; } ::-moz-selection{ background:#666; color: #FFF; text-shadow: none; } ::-webkit-selection { background:#666; color: #FFF; text-shadow: none; } /* End */ /* Start:/local/templates/xray/css/vatech_layout/layout.css?171041140833656*/ @charset "utf-8"; @font-face { font-family: 'Stem'; src: local('Stem Regular'), local('Stem-Regular'), url('/local/templates/xray/fonts/Stem-Regular.woff2') format('woff2'), url('/local/templates/xray/fonts/Stem-Regular.woff') format('woff'), url('/local/templates/xray/fonts/Stem-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Stem'; src: local('Stem Medium'), local('Stem-Medium'), url('/local/templates/xray/fonts/Stem-Medium.woff2') format('woff2'), url('/local/templates/xray/fonts/Stem-Medium.woff') format('woff'), url('/local/templates/xray/fonts/Stem-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Stem'; src: local('Stem Semi Light'), local('Stem-Semi-Light'), url('/local/templates/xray/fonts/Stem-SemiLight.woff2') format('woff2'), url('/local/templates/xray/fonts/Stem-SemiLight.woff') format('woff'), url('/local/templates/xray/fonts/Stem-SemiLight.ttf') format('truetype'); font-weight: 300; font-style: normal; } /* Common */ * { outline: none} * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0)} body {overflow-x: hidden} body, html { background:#ddd; } body, input, textarea, select, button, table { font-family: 'Stem', sans-serif; font-size: 14px; font-weight: 300; } .wrap { position: relative; background: #4b5862; max-width: 1920px; margin: 0 auto } .clear { clear: both; } .clearFix:after, .setWidth:after { content: ""; display: block; clear: both; } .pcView { } .mobileView { display: none !important; } .noWrap { white-space: nowrap; } .logo-pad { margin-bottom: 25px; } .mr-auto, .mx-auto { margin-right: auto; } .footerInfo{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .th1po { color: #ffffff; text-align: center; padding-bottom: 50px; font-size: 36px; } .h1{ font-size: 80px; color:#ffffff; padding: 100px 0 50px; font-weight: 500; } .col-md-3{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } #footer .footerInfo .text_xray_footer{ font-size: 15px; } .col-md-4{ -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } #mainContent.intro_ihl:before { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background: url(/local/templates/xray/css/../images/img_intro_bg.png) center no-repeat; background-size: cover; opacity: .3; } .footerInfo .footer-heading { font-size: 16px; color: #fff; } .svg_soc { margin-bottom: 25px; } .svg_soc svg { margin: 0 5px; } .ver2{ display:none; } .slick-prev{ position:absolute; margin: auto!important; top: 0; left: -45px; bottom: 0; width: 75px; height: 83px; display:none!important; } .categoty-back { padding: 75px 50px 0 50px!important; } .slick-next{ position:absolute; margin: auto!important; top: 0; right: -45px; bottom: 0; width: 75px; height: 83px; display:none!important; } .arrow-left-3 { transform: rotate(180deg); } .arrow-left-3 path, .arrow-right-3 path, .arrow-top-3 path, .arrow-bottom-3 path { fill: #9d9b9b; transition: fill 0.5s ease-out; } .arrow-left-3, .arrow-right-3, .arrow-top-3, .arrow-bottom-3 { margin: 20px 8px; width: 45px; height: 45px; cursor: pointer; } .mb-4 { margin-bottom: 1.5rem; } /* Skip to content */ .skip { margin: 0 } .skip > a { display: block; position: absolute; z-index: 11; top:0px; left:0px; right:0px; overflow: hidden; height: 0; line-height: 34px; text-align: center; font-size: 16px; background: #222;} .skip > a:focus { height: auto; text-decoration: none; color: #fff; } /* Layout */ .setWidth { width:1280px; box-sizing: border-box; margin: 0 auto; position: relative;} .full_cnt {margin-left: -320px; margin-right: -320px;} /* Header */ #header { position: fixed; overflow: hidden; height:70px; top:0px; left:0px; right:0px; z-index: 100; background: #fafafa; box-sizing: border-box;} #header .headerWrap {position: relative; background: #fff; height: 69px; background: #fff; border-bottom: 1px solid #eee;} #header.sticky { position: fixed; display: none; } #header:after { content:""; position: absolute; bottom:0px; left:0px; right:0px; display: block; height: 1px; background: #ddd } #header.mobile { overflow: visible; } #header .logo { top: 15px; left:55px; position: absolute; } #header .logo a { display: block; overflow: hidden; width: 168px; height: 37px;text-indent: -9999px; background-size: auto 40px;} #header .logo svg { display: block} #gnb {display: block; overflow: hidden; padding-bottom: 20px; text-align: center; font-size: 14px;} #gnb a { text-decoration: none; white-space: nowrap } #gnb > ul {display: inline-block;} #gnb > ul > li { float: left; position: relative; text-align: left; width: auto; margin-top: 23px; padding: 0 70px; box-sizing: border-box; } #gnb > ul > li:first-child > a { border-left: none; } #gnb > ul > li > a {display: block; position: relative; text-align: center; line-height: 20px; font-size: 18px; font-weight: 400; color: #333;} #gnb > ul > li > a :first-child{ border-left: none; } #header.hover #gnb > ul > li > a { } /* #gnb > ul.three > li > a { width: 200px; } #gnb > ul.four > li > a { width: 180px; } #gnb > ul.five > li > a { width: 160px; } #gnb > ul.six > li > a { width: 140px; } */ #gnb > ul > li:hover > a, #gnb > ul > li:focus > a { color: #d90000; } #gnb > ul > li.current > a { color: #d90000; } #gnb > ul .depth2 { padding:0px; margin-bottom: 10px; } #gnb .menuImg { padding: 0; margin-top: 0; } #gnb .menuImg:after { width: 48px; height: 48px; margin: 0 auto; display: block; content: ""; background-position: center top; background-size: 100% auto; } #gnb li:hover .menuImg:after, #gnb li.current .menuImg:after { background-position: center bottom; } #gnb > ul .depth2 a { display: block;position: relative; height: auto; padding:5px 0; line-height: 20px; color: #666; transition: border 0.3s; text-align: center; font-size: 15px; } #gnb > ul > li:first-child .depth2 { border:none; } #gnb > ul .depth2 a:hover, #gnb > ul .depth2 a:focus { color: #d90000; } #gnb > ul .depth2 > li.current > a { color: #d90000; font-weight: 700; } .extraMenus { position: absolute; right:-10px; top:0px; left:0px; right:0px; background: #d90000; height: 34px; } .companyName { float: left; padding-left: 20px; line-height: 34px; color: #fff; font-size: 12px; font-weight: bold; } .quickMenu { box-sizing: border-box; position: relative; float: right; border-right: 1px solid #d95557; } .quickMenu li { float: left; border-left: 1px solid #d95557; height: 34px; } .quickMenu li.toggleLanguage, .quickMenu li.multiLanguage { background-color: #c90000; } .quickMenu li a { text-align: center; display: block; color: #999; font-size: 12px; line-height: 34px; color: #fff; padding: 0 15px;} .quickMenu li a:hover { background: #ba0000} .quickMenu li a i { vertical-align: middle; margin-right: 3px; margin-bottom: 2px; } .quickMenu li.multiLanguage { position: relative; display: none;} .languageSelect { display: none ; position: absolute; left:0px; right:0px; background-color: #c90000; } .quickMenu li.multiLanguage:hover .languageSelect { display: block; } .quickMenu li.usaLink { background: #c40000; font-weight: bold; } .search_bar {width:100%; height: 120px;display: none; z-index: 100; position: fixed; top:69px; left: 0; margin: 0 auto; background-color: #fafafa; border-bottom: 3px solid #d90000; border-top:1px solid #eee;} .search_bar .inner { display: block; width: 100%; padding: 35px 15px 0; max-width: 730px; margin: 0 auto; box-sizing: border-box; position: relative;} .search_bar .inner .searchWrap { left:15px; right: 145px; position: absolute; } .search_bar .inner .searchWrap input { width: 100%; display: block; height: 45px; padding: 0 15px; box-sizing: border-box; margin: 0; border:1px solid #e5e5e5; background-color: #fff; margin-right: 4px;} .search_bar .inner button { width: 120px; height: 45px; background-color: #ba220e; border:0; color: #fff; float: right;} .mobileBtn { display: none; } #header .functions { position: absolute; right:55px; top:16px; } #header .functions a { display: block; float: left; margin-left: 5px; height: 36px; width: 36px; text-align: center; line-height: 28px; vertical-align: middle; font-size: 16px; box-sizing: border-box; border:1px solid #ddd; color: #999 } #header .functions a:hover { border-color:#ccc; color: #333 } #header .functions a.on { border-color: #ccc; color: #d90000;} .contentWrap { padding-top: 104px;position: relative; z-index: 1; overflow-x: hidden;} #content { box-sizing: border-box; padding: 60px 0 80px; } .contentHeader { padding: 80px 0; box-sizing: border-box; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; background-image:url(/local/templates/xray/css/vatech_layout/../images/sub_header.png); } .contentHeader h2 { font-size: 48px; font-weight: bold; line-height: 40px; color: #fff; text-align: center; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5)} .subTitleWrap { } .subTitleWrap p { text-align: center; font-size: 16px; color: #fff; } .contentHeader .breadcrumb { position: absolute; bottom:-80px; left:0px; line-height: 30px; } .contentHeader .breadcrumb .menuSection > a, .contentHeader .breadcrumb a.home { display: block; padding:0 12px 0 15px; background: url(/local/templates/xray/css/vatech_layout/../images/bread_arrow.png) left no-repeat ; font-size: 14px; float: left; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.5); } .contentHeader .breadcrumb .menuSection > a:after { content: ""; font-family: xeicon; font-size: 12px; margin-left: 5px; } .contentHeader .breadcrumb .menuSection > a:hover { } .contentHeader .breadcrumb a.home { padding: 0 10px 0 0; background: none; } .contentHeader .menuSection { display: inline-block; position: relative; } .contentHeader .menuSection ul { display: none; position: absolute; z-index: 99; background: rgba(37,38,47,.9); border:1px solid #30313a; border-top:none; min-width: 120px; top:30px; left: 10px; } .contentHeader .menuSection ul li { } .contentHeader .menuSection ul li a { display: block; padding: 3px 10px; white-space: nowrap; color: #ccc; font-size: 13px; border-top:1px solid #30313a; } .contentHeader .menuSection ul li a:hover, .contentHeader .menuSection ul li a:focus { color: #fff; background: #25262f; } .contentHeader .menuSection:hover ul, .contentHeader .menuSection:focus ul { display: block; } /* LNB */ .lnbWrap { height: 50px; border-bottom: 1px solid #ddd; position: absolute; left: 50%; transform: translateX(-50%); background-color: #fff; width: 100%; z-index: 100; transition: all 0.3s; } .lnbWrap * { transition: all 0.3s; } #lnb { overflow: hidden; height: 51px; } #lnb li { float: left; width: 25%; } #lnb li a { display: block; line-height: 50px; font-size: 16px; text-align: center; color: #666; padding-left: 0; transition: all 0.3s; overflow: hidden; position: relative; } #lnb li a:focus, #lnb li a:hover { color: #d90000; } #lnb li.current a { color: #d90000; font-weight: 700; padding-left: 0 !important; border-bottom: 1px solid #d90000;} #lnb li.current a:after { opacity: 1; color: #d90000; float: right; } .lnbWrap.bar_fixed {top:70px; position: fixed; height: 40px; background:rgba(250, 250, 250, 0.95); } .lnbWrap.bar_fixed #lnb { height: 41px; } .lnbWrap.bar_fixed #lnb li a { line-height: 40px; } /* Footer */ #footer { /*background:url(/local/templates/xray/css/vatech_layout/../images/footer_bg.png) center bottom no-repeat #25262f;*/ clear:both; background-color: #25262f;} #footer .footerMenus { background: #30313a; padding: 10px 0; } #fnb { float: left; } @media screen and (min-width:740px) and (max-width:980px){ #fnb{width:70%;} } #fnb li { float: left; line-height: 30px; font-size: 13px; margin-right: 30px; } #fnb li a { color: #ccc; } #fnb li a:hover { color: #fff; } #fnb li a.privacy { font-weight: bold; color: #fff;} .familySite { position:relative; float: right; height: 30px; width: 160px; margin-left: 10px; } .affiliatesTitle a { display:block; color:#999; font-size: 13px; padding: 5px 10px; text-align: left; border:1px solid #555;} .affiliatesTitle a:after { content: ""; font-family: xeicon; font-size: 14px; color: #999; transition: all 0.5s; float: right; margin-left: 10px; } .affiliatesTitle.on a:after { content: ""; } .affiliatesList { display:none; position:absolute; bottom:100%; right: 0; width: 100%; z-index: 90;} .affiliatesList li { line-height: 34px; font-size: 13px; background:#555; border-top: 1px solid #444; } .affiliatesList li a { display: block; padding: 0 10px; color: #ccc; } .affiliatesList li a:focus, .affiliatesList li a:hover { color: #fff; background: #444; } #footer .footerInfo { color: #ddd; font-size: 12px; padding:30px 0 30px; position: relative; } #footer .footerInfo p {line-height: 2em;} #footer .footerInfo p span { color: #999; margin: 0 20px 0 5px; } #footer .footerInfo b { color: #fff; font-weight: normal;} #footer .copyright i { vertical-align: -2px; } .footerSNS { position: absolute; top:30px; right:0px; } .footerSNS li { float: left; margin-left: 10px; } .footerSNS li a { display: block; line-height: 26px; height: 30px; width: 30px; border:2px solid #555; text-align: center; font-size: 18px; color: #999; border-radius: 20px; } .footerSNS li a:hover { color: #fff; border-color: #999; } .sitemapGNB { overflow: hidden; } .sitemapGNB.six > li { float: left; margin-left: 2%; width: 15%; } .sitemapGNB.five > li { float: left; margin-left: 5%; width: 16%; } .sitemapGNB.four > li { float: left; margin-left: 5%; width: 21.25%; } .sitemapGNB.three > li { float: left; margin-left: 5%; width: 30%; } .sitemapGNB > li:first-child { margin-left: 0; } .sitemapGNB li .title { font-weight: normal; font-size: 20px; padding-bottom: 10px; display: block; margin-bottom: 10px; border-bottom:1px solid #ccc; line-height: 40px; position: relative; background-size: 50px auto; background-position: right -55px; background-repeat: no-repeat; } .sitemapGNB li .title:after { content: ""; display: block; position: absolute; bottom:-1px; border-bottom:1px solid #d90000; width:68px; } .sitemapGNB li ul { margin-bottom: 20px; } .sitemapGNB li ul li { } .sitemapGNB li ul li a { display: block; line-height: 40px; color: #666; padding-left: 0; transition: all 0.3s; overflow: hidden; position: relative; } .sitemapGNB li ul li a:after { content:""; font-family: xeicon; font-size: 10px; margin-right: 10px; opacity: 0; color: #999; transition: all 0.5s; filter: alpha(opacity=0); line-height: 36px; } .sitemapGNB li ul li a:focus, .sitemapGNB li ul li a:hover { padding-left: 5px; color: #d90000; } .sitemapGNB li ul li a:focus:after, .sitemapGNB li ul li a:hover:after { opacity: 1; filter: alpha(opacity=100); color: #d90000; margin-left: 10px; } #sitemapFNB { overflow: hidden; text-align: center; padding: 20px; margin-top: 20px; border:1px solid #ddd; background: #fafafa; } #sitemapFNB li { display: inline-block; margin: 0 15px; } #sitemapFNB li:first-child { margin-left: 0; } #sitemapFNB li a { line-height: 30px; color: #333; border-bottom: 1px solid #fff;} #sitemapFNB li a:hover { border-bottom: 1px solid #d90000; } /* Scroll to top link */ .btn_top { display: none; position: fixed; right: 20px; bottom: 45px; z-index: 1000; width: 50px; height: 50px; line-height: 48px; background-color: #ba220e; font-size: 18px; color: #fff; text-align: center; } .btn_top:hover { background-color: #ec3237; color: #fff; text-decoration: none; } .btn_top i { line-height: 40px; color: #fff; } #mainContent { padding-top: 30px; } /* .row.lineWrap .col {display: inline-block; vertical-align: middle;} */ /* 210315 jy */ .privacy_policy2 .document_popup_menu, .privacy_policy3 .document_popup_menu{display: none} .bridge_sec {min-height: calc(100vh - 102px); background-position: 0 bottom;} .text-title-header { text-align: center!important; position: relative!important; top: 0!important; transform: none!important; color:#FFFFFF; font-size:80px; padding-top: 100px; } .item-block-section{ max-width: 1600px; margin: 0 auto; display: flex; flex-wrap: wrap; padding-top: 150px; padding-bottom: 200px; } .item-block-price{ padding-left:50px; padding-right:50px; } .jiloitem { margin: 0 30px; text-align: center; position: relative; overflow: hidden; height: 340px; } .item-svg svg{ width:166px; height:30px; } .item-svg svg:hover{ width:146px; height:30px; } .jiloitem img{ width: 250px; } .block-iprice { position: absolute; bottom: 70px; text-align: center; color: #fff; padding: 15px; min-height: 250px; opacity: 0; visibility: hidden; transform-origin: center; transform-style: preserve-3d; transform: scale(1) translateY(25px); transition: all .4s ease-in-out .1s; /*border-top: 2px solid #fff; border-right: 2px solid #fff; border-left: 2px solid #fff; border-radius: 20px 20px 0 0;*/ right: 0; left:0; } .jiloitem:hover .block-iprice{ opacity: 1; visibility: visible; transform: scale(1) translateY(0) } .block-iprice-name{ border-top: 2px solid #fff; border-right: 2px solid #fff; border-left: 2px solid #fff; border-bottom: 2px solid #fff; color: #fff; padding: 15px; font-size: 20px; height: 90px; position: absolute; border-radius: 20px; text-align: center; right: 0; left: 0; bottom: 0; transition-duration: .8s; } .block-iprice-name span{ position: absolute; bottom: 45px; right: 0; left: 0; text-align: center; text-align: center; justify-content: center; flex-direction: column; display: flex; height: 90px; bottom: 15px; width: 250px; margin: 0 auto; } .jiloitem:hover .block-iprice-name{ /*border-top: 2px solid transparent; border-radius: 0 0 20px 20px;*/ height: 300px; } .jiloitem:hover .block-iprice-name span{ text-decoration: underline; } /*list*/ .item-block-list-kol{ max-width: 1600px; margin: 0 auto; display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 80px; } .list-det-item { margin: 0 30px; text-align: center; position: relative; overflow: hidden; min-height: 760px; } .left_uf_power{ font-size: 18px; } .right_uf_power{ font-size: 14px; } .list-det-item img{ max-width: 100%; } .list-det-item:hover .block-deb{ opacity: 1; visibility: visible; transform: scale(1) translateY(0); position: relative; } .list-det-item:hover .block-list-deta-name{ /*border-top: 2px solid transparent; border-radius: 0 0 20px 20px;*/ height: auto; background: rgba(255, 255, 255, 0.3); } .block-list-deta-name{ background: rgba(255, 255, 255, 0.15); color: #fff; padding: 25px; font-size: 20px; /* height: 380px;*/ border-radius: 20px; text-align: center; right: 0; left: 0; transition-duration: .8s; } .block-list-deta-name .hr{ display:block; border: 1px solid rgba(255, 255, 255, 0.5); } .block-list-deta-name .name-title{ font-size: 32px; padding-top: 20px; display: block; text-align: center; } .block-deb { text-align: center; color: #fff; opacity: 0; visibility: hidden; transform-origin: center; position: absolute; } .uf_power { position: relative; padding: 6px 0; } .uf_p { position: relative; padding: 3px 0; } .left_uf_power { font-size: 18px; } .right_uf_power { font-size: 14px; right: 0; position: absolute; top: 13px; } .right_uf_p { font-size: 14px; right: 0; position: absolute; top: 9px; } .text_preview_uf{ padding-top:20px; font-size: 14px; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } /*list*/ .item-404{ max-width: 850px; margin: 0 auto; padding: 50px; } .item-img-404 { text-align: center; } img.small-rotate { -webkit-transition: all 1s ease; transition: all 1s ease; cursor: pointer; } img.small-rotate:hover { -webkit-transform: rotate(90deg); /* Градусы поворота можно изменить по необходимости */ transform: rotate(90deg); /* Градусы поворота можно изменить по необходимости */ } .text-404{ text-align: center; color: #ffffff; font-size: 80px; } .main_popup_wrap { position: absolute; right: 50px; top: 150px; z-index: 99; } .main_popup_wrap .popup_body { display: block; width: 500px; } .main_popup_wrap .popup_foot { background: #c2c2c2; color: #111; padding: 0 10px; } .main_popup_wrap .popup_foot:after { display: block; content: ''; clear: both; } .main_popup_wrap .popup_foot .one_day { display: inline-block; float: left; font-size: 14px; line-height: 30px; } .main_popup_wrap .popup_foot .close_popup { display: block; position: relative; float: right; width: 30px; height: 30px; } .main_popup_wrap .popup_foot .close_popup:before, .main_popup_wrap .popup_foot .close_popup:after { display: block; content: ''; position: absolute; left: 50%; top: 50%; width: 20px; height: 1px; margin-left: -10px; background: #111; } .main_popup_wrap .popup_foot .close_popup:before { transform: rotate(45deg); } .main_popup_wrap .popup_foot .close_popup:after { transform: rotate(-45deg); } /* FHD 초과시 처리 */ @media all and (min-width: 1940px) { #header, .search_bar { width: 1920px; left: 50%; right: auto; margin-left: -960px; } } @media all and (max-width: 1480px) { #gnb > ul > li {padding: 0 50px;} } @media all and (max-width: 1280px) { .text_icon_header{ font-size: 12px; } .list-product-item-header-block .h1 { font-size: 60px; width: 767px; } .left_uf_power { font-size: 15px; } .right_uf_power { font-size: 13px; } .list-det-item { margin: 0 50px 30px; } .bridge_sec { padding: 0 15px 100px!important; } .jiloitem { height: auto; } .block-iprice { position: relative; opacity: 1; visibility: inherit; bottom: 0px; } .block-iprice-name { position: relative; } .jiloitem:hover .block-iprice-name{ height: 90px; } .col-md-3m{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .item-block-section { padding-bottom: 0px; } body, html { min-width: 1080px; } .setWidth { width: 1080px;} .contentHeader { padding: 110px 0; } #gnb > ul > li {padding: 0;} } @media all and (max-width: 1119px) { .left_uf_power { font-size: 14px; } .right_uf_power { font-size: 12px; } } @media all and (max-width: 1080px) { body, html { min-width: 980px; } .setWidth { max-width: 960px;} #gnb > ul {margin-left: 50px;} #gnb > ul > li {padding: 0 10px;} /*#gnb > ul.three > li > a { width: 180px; }*/ /*#gnb > ul.four > li > a { width: 160px; }*/ /*#gnb > ul.five > li > a { width: 140px; }*/ /*#gnb > ul.six > li > a { width: 120px; }*/ .quickMenu li.usaLink { display: none; } } @media all and (max-width: 1024px) { .full_cnt { margin-left: -15px; margin-right: -15px; } .list-product-item-header-block .h1 { font-size: 50px; width: 600px; } .item-img img { width: 270px; } } @media all and (max-width: 991px) { .detail-text-item .detail_text { font-size: 18px; margin-top: 40px!important; } .table-one { padding: 13px 15px 0!important; } .table-two { padding: 13px 15px 0!important; } .text_icon_header { font-size: 18px; } .table-one { max-width: inherit; } .table td.name-td { font-size: 18px; } .table td { font-size: 15px; } .product-detail { padding: 100px 20px 100px!important; } .col-md-details-4-m{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .detail-text-item { padding: 25px 15px 0!important; } .detail-text-item .h3 h3 { font-size: 60px; line-height: 60px; } .detail-text-item .sl-text { font-size: 30px; line-height: 30px; } } @media all and (max-width: 980px) { .text-title-header { font-size: 60px; } .text-404 { font-size: 60px; } .block-deb { display: none; } .list-det-item { min-height: auto; margin: 0 50px 80px; } .list-product-item-header-block .item-img { display: none; } .item-block-section { padding-top: 40px; } .langSelector.forMobile { display: block; top: 8px; left: 50%; margin-left: 255px; } body, html { min-width: 100%; } .setWidth { width: 720px;} .search_bar { top:65px; height: 100px;} .search_bar .inner { padding-top: 25px; } .extraMenus { height: 28px; } .companyName { line-height: 28px; } .quickMenu li { height: 28px } .quickMenu li a { line-height: 28px; } #header {height: 65px; } #header .logo { top:15px; } #header .logo a { height: 37px; background-size: auto 32px; } #header .functions { top:14px; } #header .headerWrap { height: 64px } .mobileMenuWrap { position: fixed; top:88px; right:-280px; bottom:0px; width: 280px; background: #25262f; z-index: 102; overflow-y: auto; } .mobileMenuBackground { display: none; position: fixed; z-index: 101; left:0px; right:0px; bottom:0px; top:88px; background: transparent; background: rgba(0,0,0,.3) } #gnb { float: none; margin: 10px; } #gnb .menuImg { margin: 0; zoom: 0.5; position: absolute; top:10px; left:-10px; padding: 10px; display: block;} #gnb > ul { margin-left: 0;} #gnb > ul > li { margin: 0; float: none; width: auto; padding-bottom: 10px; } #gnb > ul > li:first-child { border-top:none; } #gnb > ul > li > a { color: #eee; border:none; margin: 0 auto; padding: 0; line-height: 45px; font-size: 14px; border-top:1px solid #424450; height: 35px; padding-left: 30px; width: auto !important; text-align: left; position: relative; } /*#gnb > ul > li > a:after { content: ""; border-bottom: 2px solid #5b5c6a; position: absolute; width: 75px; bottom:0px; left: 0px;}*/ #gnb > ul > li.current > a { font-weight: bold; } #gnb > ul .depth2 { display: block !important; margin: 0 auto; padding: 0; border-left: none; overflow: hidden; height: auto !important; } #gnb > ul .depth2 a { text-align: left; border-color: #444; color: #999; font-size: 13px; line-height: 30px; padding-left: 18px; margin-left: 11px; border-left: 1px solid #30313a; } #gnb > ul .depth2 > li.current > a { border-left-color: #5f6376; color: #fff;} .contentWrap { padding-top: 88px; } .lnbWrap { width: 100%; padding: 0 20px; float: left; margin-left: -20px; background: #eee; height: 40px; position: relative; } .lnbWrap .title { font-size: 16px; line-height: 40px; border:none; padding-bottom: 0; width: 140px; background: #413f3c; margin-left: -20px; padding-left: 20px; color: #fff; float: left; } .lnbWrap .title:after { display: none; } #lnb { position: absolute; width: auto; background: #eee; padding: 39px 20px 0; height: 0; overflow: hidden; left:160px; right:0px; top:0px; z-index: 20; } #lnb.open { height: auto; } #lnb li a { width: 100%; } #lnb li.current { position: absolute; top:0px; left: 20px; right: 13px; display: block; } #lnb li.current a:after { content: "\e619"; font-size: 16px; color: #999; } #lnb.open li.current a:after { content: "\e60e"; font-size: 16px; color: #666; } .contentHeader { padding: 90px 0; } .contentHeader .breadcrumb { bottom:-90px; left: 10px;} #sitemap li .title { font-size: 16px; line-height: 20px; } #sitemap li .title:after { width: 60px; } #sitemap > ul > li { width: 100%; margin: 0; } #sitemap > ul > li li { float: left; margin-right: 10px; min-width: 30%; } .row .col.half.mobileHalf { width: 49% !important; margin: 0 !important; float: left !important;} .row .col.half.mobileHalf:first-child { margin-right: 2% !important; }} @media all and (max-width: 767px) { .h1 { font-size: 60px; } .categoty-back { padding: 80px 10px 0 10px!important; } .text-title-header { padding-top: 50px; } .list-product-item-header-block .item-header-block { padding: 0!important; } .product-detail{ padding: 80px 10px 100px!important; } .table-one { padding: 13px 0 0!important; } .table-two { padding: 13px 0 0!important; } .detail-text-item { padding: 25px 0 0!important; } .details-item{ margin-top: 30px; } .ver1{ display:none; } .ver2{ display:block; } .product-detail .icons-item { width: 50%; } .slick-prev, .slick-next{ display:block!important; } .item-mobile-none{ display:none; } .list-det-item { margin: 0 20px 80px; } .list-product-item-header-block .h1 { width: auto; line-height: 40px; font-size: 34px; } .list-product-item-header-block { padding: 80px 10px 14px!important; } } @media all and (max-width: 740px) { .text-404 { font-size: 50px; } .item-404 { padding: 30px; } #content { padding: 40px 0 60px; } .pcView { display: none !important; } .mobileView { display: block !important; } .noWrap { white-space: normal; } div.mobileView { display: block !important; } br.mobileView { display: inline !important; } .setWidth { width: 100%; padding-left:15px !important; padding-right: 15px !important; } #content { width: 100%; float: none; } .mobileBtn { margin-right: -10px; } .contentHeader h2 { font-size: 40px; } #headMenu ul { width: auto; } #headMenu ul li:first-child { margin-left: 5px; } .sitemapGNB > li { margin-left: 0 !important; width: 100% !important; } #sitemapFNB li { display: block; margin: 0; text-align: center; } #header .logo { left: 15px; } #header .functions { right: 15px; } .langSelector.forMobile { display: block; top: 8px;left: auto;right: 15px;margin-left: 0; } .familySite { float: none; width: 100%; padding-top: 10px; clear: both; margin-left: 0px; } .familySite .affiliatesList { bottom: 30px; } .footerSNS { position: relative; top:auto; right: auto; margin: 20px 0 20px -10px; overflow: hidden; } .footerSNS li { zoom: 0.9; } .main_popup_wrap { left: 30px; right: 30px; } .main_popup_wrap .popup_body { width: 100%; } } @media all and (max-width: 600px) { .text_icon_header { font-size: 15px; } .table td.name-td { font-size: 16px; } .table td { font-size: 14px; } .detail-text-item .h3 h3 { font-size: 50px; line-height: 50px; } .detail-text-item .sl-text { font-size: 25px; line-height: 25px; } .block-list-deta-name .name-title { font-size: 20px; } .block-list-deta-name { padding: 12px; } .list-det-item { margin: 0 20px 50px; } .item-block-list-kol { padding-bottom: 0px; } } @media all and (max-width: 479px) { .h1 { font-size: 40px; line-height: 40px; } .text-404 { font-size: 32px; } .item-img-404 img{ width: 100%; } .text-title-header { font-size: 34px; } .block-iprice-name span { position: relative; line-height: 22px; bottom: 18px; width: auto; } .block-iprice-name { height: 50px; } .jiloitem:hover .block-iprice-name{ height: 50px; } body, html { min-width: 320px; } /*.quickMenu { margin-right: -16px; }*/ .quickMenu li a { padding: 0 10px; font-size: 11px; } .footerInfo em { display: none; } #footer .footerMenus { padding: 15px 0; } #fnb { float: none; overflow: hidden; } #relatedLink { float: none; clear: both; width: auto; margin-top: 10px; } #sitemap > ul > li li { float: left; margin-right: 10px; min-width: 45%; } .contentHeader { padding: 80px 0; background-size: cover; } .contentHeader h2 { font-size: 32px; } .contentHeader .breadcrumb { bottom:-90px; zoom: .9; } .companyName {display: none;} .quickMenu li:first-child {border-left: 0;} ul.quickMenu {display: block; overflow: hidden; box-sizing: border-box; border-right: 0;} } @media all and (max-width: 400px) { .list-product-item-header-block .h1 { line-height: 35px; font-size: 26px; } .block-list-deta-name .name-title { font-size: 18px; } .item-svg svg ,.product-detail .item-svg svg { width: 90px; } .item-svg svg:hover, .product-detail .item-svg svg:hover{ width:80px; } .list-det-item { margin: 0 10px 50px; } } @media all and (max-width: 320px) { .detail-text-item .h3 h3 { font-size: 40px; line-height: 40px; } .detail-text-item .sl-text { font-size: 20px; line-height: 20px; } .detail-text-item .detail_text { font-size: 16px; } .text_icon_header { font-size: 12px; } .table th { font-size: 16px; } .table td.name-td { font-size: 14px; } .table td { font-size: 12px; } .table-one { padding: 13px 0px 0!important; } .table-two { padding: 13px 0px 0!important; } .detail-text-item { padding: 25px 0px 0!important; } .lnbWrap .title { width: 120px; } #lnb { left: 140px; } .setWidth { padding-left: 10px !important; padding-right: 10px !important; } #headMenu ul li { padding: 0 10px; } #headMenu ul li:first-child { margin-left: 0px; } .contentHeader { padding: 60px 0; } .contentHeader h2 { font-size: 26px; } .contentHeader .breadcrumb { bottom:-70px; zoom: .85; } } @media all and (max-width:740px){ .info_wrap#keypoint .key_item{display:block !important;align-items: normal !important;} .info_wrap#keypoint .key_item > div{width:100% !important;margin-bottom:20px !important}} .spec_info .spec_col{ float:none !important; width:100% !important; } .down_sec .cnt{ display:block !important; } .down_sec .btn_area{ bottom: -60px; right:100% !important; left:0 !important; } } /* End */ /* Start:/local/templates/xray/css/style.css?171041140856147*/ @charset "utf-8"; @import url('/local/templates/xray/css/grid.css'); @import url('/local/templates/xray/css/ui.css'); /* Default Style */ .en { font-family: roboto, sans-serif; } h2.title, h3.title { font-weight: 600; color: #000; font-size: 36px; margin-top: 0px; text-align: center; margin-bottom:30px; } .smallTitle { font-size: 24px; font-weight: bold; color: #000; margin-bottom: 30px; text-align: center; } .smallTitle.hasSub { margin-bottom: 10px; } h2.title:before, h3.title:before { content: ""; display: block; margin: 0 auto; border-top:2px solid #d90000; width: 40px; margin-bottom: 15px; } h2.title.alignLeft:before, h3.title.alignLeft:before { margin: 0 0 15px; } h2.title.hasSub, h3.title.hasSub { margin-bottom: 10px; } p.titleSub { text-align: center; font-size: 20px; color: #999; margin-bottom: 40px; } p.titleSub.small { font-size: 16px; color: #666; line-height: 1.5em; margin-bottom: 40px; } h2.title .sub, h3.title .sub { font-weight: normal; color: #999; } h4.slogan { font-size: 16px; font-weight: bold; margin: 0 0 5px; } h4.title { color: #d90000; margin-bottom: 10px; font-size: 16px; font-weight: bold; } h4.title.hasSub { margin-bottom: 5px; } h4.title .sub { color: #999; font-size: 12px; font-weight: normal; font-family: roboto; } h4.title.black { color: #222; } h4.title.hasLine { border-top:1px solid #ddd; padding-top: 10px; } h4.title.underPoint { } h4.title.underPoint:after { border-bottom:2px solid #ff4b00; width: 10px; content: ""; display: block; margin-top: 8px;} .pageContent h5 { font-weight: bold; margin: 10px 0; } p { font-size: 14px; line-height: 1.7em; letter-spacing: -0.02em;} p.highlight { font-size: 16px; } p.first { margin-top: 0; } p.strong { font-size: 16px; } p.intro { font-size: 16px; } p.smallText { font-size: 12px; color: #999; } .textGray { color: #888 !important; } .textblack { color: #000 !important; } .textRed { color: #d90000 !important; } .textWhite { color: #fff !important; } .textBlue { color: #1e8df9 !important; } .textOrange { color: #ffa100 !important; } .divider { margin: 50px 0; border-bottom: 1px solid #ddd; clear: both; } .divider.tight { margin: 15px 0; } .footerInfo .logo-pad-ms{display:none} .blind { display: block; height: 0px; width: 0px; overflow: hidden; } .bridge_sec{padding:0 15px;} .blank { clear: both; height:40px; } .blank.h10 { clear: both; height: 10px; } .blank.h20 { clear: both; height: 30px; } .blank.h30 { clear: both; height: 30px; } .blank.h60 { clear: both; height: 60px; } .p30 { padding: 30px !important; } .p60 { padding: 60px !important; } .bgWrap { background: #eee; } .bgWrap2 { background: #ddd; } .lineWrap { border:1px solid #ddd; } @media all and (max-width: 740px) { .lineWrap .col {margin: 0px !important; } .p30 { padding: 20px !important; } .p60 { padding: 40px 20x !important; } } .iconWrap { text-align: center; display: block; } .iconWrap.icon128 { padding: 10px 0; } .imgWrap { position: relative; text-align: center; display: block; } .imgWrap img { width: 100%; height: auto; vertical-align: middle; } .imgWrap.singleImg img { width: auto; max-width: 100%; } .imgWrap .caption { position: absolute; display: block; bottom:0px; left:0px; right:0px; z-index: 0; color: #fff; background: rgba(0,0,0,.7); padding: 10px; text-align: center; box-sizing: border-box } .imgWrap .captionBottom { margin: 10px 0 20px; color: #666; } .imgWrap .captionRibbon { position: absolute; display: block; top:0px; left:0px; font-size: 16px; z-index: 0; color: #fff; background: rgba(0,0,0,.7); padding: 5px 15px; text-align: center; } .setWidthInner { width: 100%; max-width: 720px; margin: 0 auto; } .setWidthInner.short { max-width: 420px; } .imgWrap .centerOverlay { line-height: 1.3em; height: 2.6em; font-size: 20px; position: absolute; text-align: center; top:50%; margin-top: -1.3em; text-align: center; right:0px; left:0px;} .col.grayBox { padding: 20px 10px; margin-bottom: 20px; background: #eee ; } i.red { color: #d90000; vertical-align: 0px !important; } .textRed { color: #d90000; } .alignLeft { text-align: left !important; } .alignCenter, .alignCenter * { text-align: center !important; } .alignRight { text-align: right !important; } .termsContent { padding: 40px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .termsContent h3 { font-size: 18px; margin-bottom: 20px; font-weight: 700;} .termsContent p { color: #666; } .termsContent a { color: #555; text-decoration: underline; } .termsContent a.download { font-size:14px; color: #448be1; text-decoration: underline; } .termsContent { } .termsContent ol > li { font-size: 18px; font-weight: 700; margin-left: 20px; padding-top: 20px; list-style: decimal; } .termsContent ol > li h4 { font-size: 18px; font-weight: bold; margin-bottom: 20px; } .termsContent ol > li h5 { font-size: 16px; font-weight: bold; margin-bottom: 10px;margin-top: 10px; } .termsContent ol > li p { font-size: 14px; font-weight: normal; } .termsContent ul { margin-top: 10px; margin-bottom: 20px; } .termsContent ul li { margin-top: 5px; padding-left: 12px; font-size: 14px; font-weight: normal; color: #666; position: relative; line-height: 20px;} .termsContent ul li:first-child { margin-top: 0; } .termsContent ul li:before { display: block; content: ""; width: 6px; border-top:2px solid #999; top:10px; left: 0px; position: absolute; } .termsContent ul.modify li:before { display: none;} .termsContent ul li ul li:before { display: block; content: ""; width: 4px; border-top:4px solid #999; top:10px; left: 0px; position: absolute; } .termsContent b {color: #000;} .termsContent table { border:1px solid #666; border-collapse: collapse; font-size: 14px; font-weight: 400; color:#666;} .termsContent thead tr { background-color: #f2f2f2; font-weight: bold;} .termsContent td {border:1px solid #666; padding: 5px 8px;} /* google Map */ #map_01 { width: 100%; height: 100%; } #map_02 { width: 100%; height: 100%; } #map_03 { width: 100%; height: 100%; } #map_04 { width: 100%; height: 100%; } #map_05 { width: 100%; height: 100%; } .mapWrap {height:420px;} /* Table */ .tableControl { margin-bottom: 10px; overflow: hidden; } table { width: 100%; border-collapse: collapse; border-spacing: 0; position: relative; } summary { height: 0px; display: block; overflow: hidden; } table.infoTable { border-top:1px solid #666; } table.infoTable caption { margin-bottom: 15px; height: 24px; } table.infoTable caption h4 { float: left; margin:-3px 0 0 0; font-size: 18px; font-weight: bold; } table.infoTable caption .extra { display: block; float: left; color: #fff; margin-left: 20px; padding: 3px 8px; background: #999; font-size: 12px; } table.infoTable th { font-weight: bold; padding: 15px 10px; line-height: 20px; border-bottom: 1px solid #ccc; background: #eee; text-align: center; vertical-align: middle; font-size: 13px;} table.infoTable tbody th { text-align: left; } table.infoTable td { padding: 15px 10px; border-bottom: 1px solid #ccc; font-size: 13px; text-align: center; vertical-align: middle;} table.infoTable.hasLine td, table.infoTable.hasLine th { border-left:1px solid #ccc; } table.infoTable.hasLine td:first-child, table.infoTable.hasLine th:first-child { border-left: none; } table.infoTable.stock td, table.infoTable.stock th { width: 25%; padding: 15px 10px; } table.infoTable.stock td { text-align: right; } table.infoTable td.number { width: 50px; text-align: } table.infoTable td.link { text-align: left; } table.infoTable td a { color: #000; } table.infoTable td a:hover { text-decoration: underline; } /* List */ .listType1 li a, .listType2 li a, .listType3 li a { color: #3e99ff; text-decoration: underline; } .listType1 {} .listType1 li { position: relative; padding-left: 9px; margin-top: 7px; line-height: 21px;} .listType1 li:first-child { margin: 0; } .listType1 li:before { content: " "; display: block; left: 0px; top:9px; background: #d90000; width: 3px; height: 3px; position: absolute; border-radius: 2px; } .listType1 li b { } .listType1.tight li { margin-top: 5px; } .listType2 { } .listType2 li { line-height: 21px; text-align: center;} .listType2 li:first-child { margin: 0; } .listType2 li:first-child:before { display: none; } .listType2 li:before { content: ""; display: block; background: #d90000; width: 3px; height: 3px; border-radius: 2px; margin: 10px auto;} .listType3 { } .listType3 li { position: relative; padding-left: 9px; margin-top: 5px; line-height: 17px; font-size: 12px; color: #666;} .listType3 li:first-child { margin: 0; } .listType3 li:before { content: " "; display: block; left: 0px; top:9px; background: #d90000; width: 3px; height: 3px; position: absolute; border-radius: 2px; } .listType3 li b { } .listType4 {} .listType4 li { position: relative; padding-left: 110px; margin-top: 10px; line-height: 17px; font-size: 14px; color: #666; /* overflow: hidden; */} .listType4 li:first-child { margin-top: 0; } .listType4 li h5 { position: absolute; left: 0px; top:0px; margin: 0; width: 100px; color: #000; line-height: 1.4em; } .listType4 li p { line-height: 1.4em; } .checkList { overflow: hidden; } .checkList li { display: inline-block; margin:10px 20px 0px 0; padding-left: 20px; background: url(/local/templates/xray/css/../images/bull_check.png) left no-repeat; } .roundNumList { display: table; width: 100%; } .roundNumList > li { display: table-cell; padding-left: 25px; position: relative; } .roundNumList > li span.number { position: absolute; left: 0px; top:0px; height: 20px; width: 20px; border:1px solid #ccc; color: #333; font-size: 12px; font-family: Roboto, sans-serif; box-sizing: border-box; line-height: 18px; text-align: center; border-radius: 50%; } .roundNumList li h6 { line-height: 20px; font-weight: bold; } .roundNumList li ul li { font-size: 13px; color: #666; margin-top: 5px; } /* .roundNumList.t2 {display: block;} .roundNumList.t2 > li {display: block; margin: 10px 0} .roundNumList.t2 > li span.number {border-color: #d90000; background: # color: #d90000} */ .tileList { border:1px solid #ddd; border-left:none; overflow: hidden; max-width: 640px; margin: 0 auto;} .tileList li { width: 33.33%; float: left; text-align: center; padding: 30px 0; box-sizing: border-box; border-left: 1px solid #ddd; margin-top: -1px; border-top:1px solid #ddd; } .tileList li p{ text-align: center; color: #d90000} .pictoList li { overflow: hidden; margin-bottom: 30px; border-top:1px solid #ddd; } .pictoList li .iconWrap { float: left; width: 20%; } .pictoList li h4 { margin-top: 10px; } .pictoList li h4 em { font-weight: bold; font-family: roboto; color: #d90000; margin-right: 5px; } .pictoList2 li { overflow: hidden; margin: 10px 0; float: left; width: 50%; } .pictoList2 li .iconWrap { float: left; width: 140px; margin-right: 10px; } .pictoList2 li h4 { margin-top: 25px; } .pictoList2 li p { padding-right: 30px; } @media all and (max-width: 740px) { .pictoList2 li { float: none; width: 100%; margin: 20px 0; } .pictoList2 li .iconWrap { float: left; width: 25%; } .pictoList2 li .iconWrap img { max-width: 100%; } .pictoList2 li h4 { margin-top: 10px; } .pictoList2 li p { padding-right: 0; } } .markList { overflow: hidden; text-align: center; display: block; } .markList li { display: inline-block; margin: 10px 20px;} /* History */ .historyContent {} h4.historyYear { font-family: roboto; font-size: 24px; font-weight: bold; margin-bottom: 15px; } .historyList {} .historyList li { position: relative; padding-left: 30px; margin-top: 15px; line-height: 17px; font-size: 14px; overflow: hidden; color: #666;} .historyList li:first-child { margin-top: 0; } .historyList li b { display: block; position: absolute; left: 0px; top:0px; margin: 0; width: 80px; line-height: 1.4em; color: #222; } .historyList li.highlight { color: #d90000 !important; } .historyList li.important { font-size: 16px; padding: 0; color: #222; } /* Company */ .comapnyOverview { } .comapnyOverview .col { padding-bottom: 30px; } .comapnyOverview .col .imgWrap { margin-bottom: 10px; } .comapnyOverview .col h4 { color: #d90000; font-size: 16px; margin-bottom: 10px; } .comapnyOverview .col p { line-height: 1.4em; letter-spacing: -0.02em; color: #333; margin-bottom: 10px; } .comapnyOverview .col a { font-size: 12px; color: #999; } .comapnyOverview .col a:hover, .comapnyOverview .col a:focus { color: #d90000; text-decoration: underline; } .companySection { margin-bottom: 80px; } .companySection > .imgWrap { margin-bottom: 30px; } .companySection h4 { color: #d90000; margin-bottom: 10px; font-size: 16px; } .companySection h5 { padding: 20px 0 10px; font-weight: bold; } .companySection h5:first-child { padding-top: 0px; } .companySection h5:before { content: ""; display: block; height: 0px; border-top:1px solid #d90000; width: 20px; margin-bottom:5px; } .slogan { font-size: 20px; letter-spacing: -1px; display: block; margin-bottom: 20px; } .shareSection { } .shareSection h4 { } .shareSection p { } .valueBox { border:3px solid #ddd; padding: 10px 20px; margin-top: 20px; } .valueBox h5 { font-weight: bold; margin-bottom: 5px; color: #d90000; } /* Ci */ .ciHighlight { padding: 40px; background: #eee; } .ciHighlight .imgWrap { border:1px solid #ccc; } .ciHighlight h4 { margin:15px 0 5px; } .ciHighlight h4:first-child { margin-top: 0px; } .ciRuleTable { border:1px solid #ccc; } .ciRuleTable td { border-bottom:1px solid #ccc; padding: 10px; } .ciRuleTable th { padding: 10px; text-align: center; vertical-align: middle; width:15%; } .colorBox { } .colorBox h5 { color: #fff; font-weight: bold; padding: 20px 15px; margin-bottom: 0;} .colorBox p { border:1px solid #ccc; border-top:none; padding: 10px 15px; font-size: 12px; color: #666; } /* History */ .historyContent {} h4.historyYear { font-family: roboto; font-size: 24px; font-weight: bold; margin-bottom: 15px; } .historyList {} .historyList li { position: relative; padding-left: 30px; margin-top: 15px; line-height: 17px; font-size: 14px; overflow: hidden; color: #666;} .historyList li:first-child { margin-top: 0; } .historyList li b { display: block; position: absolute; left: 0px; top:0px; margin: 0; width: 80px; line-height: 1.4em; color: #222; } .historyList li.highlight { color: #d90000 !important; } .historyList li.important { font-size: 16px; padding: 0; color: #222; } /* Culture */ .cultureSection h4 { font-size: 18px; margin: 20px 0 10px; } .locationInfo h4 { } .shareSection .tabContents .col p { font-size: 13px; color: #777; } .shareSection .tabContents h4 { color: #000; font-weight: bold; margin-bottom: 5px; } .shareSection .tabContents > div > p { margin-bottom: 20px; color: #999; font-size: 13px; } /* Location */ .locationInfo h4 { margin: 0; } .locationGuide span { white-space: nowrap; } .locationGuide i { margin: 0 10px; border-radius: 20px; background: #ccc; color: #fff; } .mapWrap { margin: 20px 0; } .mapWrap iframe { width: 100%; height: 420px; } /* EthicsList */ .ethicsList1 li p { text-align: center; padding: 10px 20px; position: relative; } .ethicsList1 li p:before, .ethicsList1 li p:after { content: ""; position: absolute; display: block; top:0px; bottom:0px; width: 10px; border:1px solid #ccc; } .ethicsList1 li p:before { border-right:none; left: 0px; } .ethicsList1 li p:after { border-left: none; right: 0px; } .ethicsList1 li { margin-top: 20px; } .ethicList2 { overflow: hidden; margin-bottom: 40px; } .ethicList2 li { margin-left: 2%; width: 15%; float: left; } @media all and (max-width: 980px) { .ethicList2 li { width: 33.3%; margin: 0 0 20px; } .spec_info{padding-left:30px;} } @media all and (max-width: 479px) { .ethicList2 li { width: 50%; } } .ethicList2 li .iconWrap { padding: 10px; } .ethicList2 li .iconWrap img { width: 100%; max-width: 180px; } .ethicList2 li:first-child { margin-left: 0; } .ethicList2 li h4 { font-weight: bold; margin: 0 0 0px; text-align: center; } .ethicList2 li p { text-align: center; color: #777; line-height: 1.3em; } .markList2 { overflow: hidden; text-align: center; } .markList2 li {display: inline-block; width: 18%; text-align: center; color: #999; margin: 20px 0; } .markList2 li img { display: block; margin: 0 auto; } .boardView /* About */ .branchInfo {} .branchInfo h5 { margin-bottom: 0px; margin-top: 20px; } .branchInfo p { color: #777; } .branchInfo .titleBox { width: 180px; height: 180px; border-radius: 90px; overflow: hidden; padding: 30px; background: #eee; box-sizing: border-box; float: left; margin-right: 20px; } .branchInfo .titleBox h4 { text-align: center; font-size: 14px; } .branchInfo .titleBox p { text-align: center; color: #d90000; } .branchInfo .titleBox p b { font-size: 36px; font-family: roboto; font-weight: bold; } /* Stock*/ .stockOverview { border } .stockHighlight { border-top:1px solid #666; border-bottom: 1px solid #ccc; height: 102px; overflow: hidden; border-right: 1px solid #ddd; } .stockHighlight h3 { color: #333; font-size: 48px; line-height: 100px; float: left; font-family: roboto; margin-right: 20px; } .stockHighlight p { margin: 30px 0; line-height: 20px; color: #666; font-size: 12px;} .stockHighlight p span { color: #333; margin-right: 20px;} .stockOverview table.infoTable.stock td { text-align: center; } .chartWrap { padding: 20px; border:1px solid #ddd; position: relative; } .chartWrap .chartTab { overflow: hidden; border:1px solid #ddd; float: left; margin-bottom: 20px;} .chartWrap .chartTab a { border-left: 1px solid #ddd; display: block; color: #666; float: left; padding: 0 20px; line-height: 30px; background: #eee; } .chartWrap .chartTab a:first-child { border-left: none; } .chartWrap .chartTab a:hover { background: #fff; } .chartWrap .chartTab a.active { background: #fff; color: #d90000; } .dungrak1, .dungrak2 { color: #d90000 !important; } .dungrak3 { } .dungrak5, .dungrak4 { color: #666 !important; } .dungrak5:before, .dungrak4:before, .dungrak3:before, .dungrak2:before, .dungrak1:before { content: ""; font-family: xeicon; display: inline-block; vertical-align: middle; } .dungrak5:before, .dungrak4:before { content: "" } .dungrak3:before { content: ""; } .dungrak2:before, .dungrak1:before { content: ""; } .noneArrow:before { display: none !important; } .packageWrap { border:1px solid #ccc; position: relative; padding: 10px 20px 20px; text-align: center; } .packageWrap h4 { display: block; padding: 0 10px ; background: #fff; margin: -25px auto 20px; max-width: 220px; text-align: center;} .packageWrap h5 { text-align: center; } .packageWrap h5:after { content: ""; display: block; margin: 5px auto; border-top:2px solid #d90000; width: 20px; } .packageWrap p { text-align: center; font-size: 13px; color: #666; } /* ProductModule */ .set_inner {max-width: 1280px; margin: auto;} .bridge_sec {position: relative; background-position: center bottom;} .bridge_sec {background-image: url(/local/templates/xray/css/../../../contents/new/img/img_bg_medical.png);} .bridge_sec .center_cnt {position: relative; min-height: calc(100vh - 102px); } .bridge_sec .center_cnt>div {position: absolute; top: 50%; transform: translateY(-50%)} .bridge_sec .txt_group {left: 0; max-width: 480px;} .bridge_sec.ko .txt_group {max-width: 530px} .bridge_sec .txt_group .ttl_area {position: relative; margin-bottom: 80px;} .bridge_sec .txt_group .ttl_area:before {display: block; content: ''; position: absolute; left: 2px; bottom: -40px; width: 40px; height: 2px; background: #dd193d;} .bridge_sec .txt_group .ttl_area h1 {font-size: 50px; line-height: 45px; margin-left: -5px; letter-spacing: -.03em} .bridge_sec .txt_group p {margin-bottom: 40px; font-size: 18px; line-height: 24px; word-break: keep-all} .nowrap {white-space: nowrap} .bridge_sec .link_group {right: 0; width: 640px;} .bridge_sec .link_group .row {margin-left: -8px; margin-right: -8px;} .bridge_sec .link_group .row + .row {margin-top: 16px;} .bridge_sec .link_group .row .col {width: 33.33%; padding: 0 8px;} .bridge_sec .link_group .item {display: block; position: relative; width: 100%; padding-bottom: calc(100% - 2px); border: 1px solid #dcdcdc; border-radius: 30px 0; background: #fff; color: #42444a; box-sizing: border-box; background-size: cover; } .bridge_sec .link_group .item.medical_gr {background-image: url(/local/templates/xray/css/../images/new/img_cate_medical_gr.png);} .bridge_sec .link_group .item.medical_carm {background-image: url(/local/templates/xray/css/../images/new/img_cate_medical_carm.png);} .bridge_sec .link_group .item.medical_mamm {background-image: url(/local/templates/xray/css/../images/new/img_cate_medical_mammography.png);} .bridge_sec .link_group .item.medical_radio {background-image: url(/local/templates/xray/css/../images/new/img_cate_medical_radiotherapy.png);} .bridge_sec .link_group .item.indust_protable {background-image: url(/local/templates/xray/css/../images/new/img_cate_indust_portable.png);} .bridge_sec .link_group .item.indust_axi {background-image: url(/local/templates/xray/css/../images/new/img_cate_indust_axi.png);} .bridge_sec .link_group .item.indust_die {background-image: url(/local/templates/xray/css/../images/new/img_cate_indust_die.png);} .bridge_sec .link_group .item.dental_panorama {background-image: url(/local/templates/xray/css/../images/new/img_cate_dental_panorama.png);} .bridge_sec .link_group .item.dental_cbct {background-image: url(/local/templates/xray/css/../images/new/img_cate_dental_cbct.png);} .bridge_sec .link_group .item.dental_cephalo {background-image: url(/local/templates/xray/css/../images/new/img_cate_dental_cephalo.png);} .bridge_sec .link_group .item.dental_intra {background-image: url(/local/templates/xray/css/../images/new/img_cate_dental_io.png);} .bridge_sec .link_group .item.veter_small {background-image: url(/local/templates/xray/css/../images/new/img_cate_veter_small.png);} .bridge_sec .link_group .item.veter_equine {background-image: url(/local/templates/xray/css/../images/new/img_cate_veter_equine.png);} .bridge_sec .link_group .item.sw_indust {background-image: url(/local/templates/xray/css/../images/new/img_cate_sw_indust.png);} .bridge_sec .link_group .item.sw_carm {background-image: url(/local/templates/xray/css/../images/new/img_cate_sw_carm.png);} .bridge_sec .link_group .item.sw_mamm {background-image: url(/local/templates/xray/css/../images/new/img_cate_sw_mamm.png);} .bridge_sec .link_group a.item:before, .bridge_sec .link_group a.item:after { display: block; content: ''; position: absolute; width: 0; height: 0; opacity: 0; } .phone-footer{ display: flex; flex-direction: column; justify-content: center; } .bridge_sec .link_group a.item:before { left: -1px; top: -1px; border-left: 1px solid #d90000; border-top: 1px solid #d90000; -webkit-border-radius: 30px 0 0 0; -moz-border-radius: 30px 0 0 0; border-radius: 30px 0 0 0; transform-origin: left bottom; } .bridge_sec .link_group a.item:after{ bottom: -1px; right: -1px; border-right: 1px solid #d90000; border-bottom: 1px solid #d90000; border-radius: 0 0 30px 0; transform-origin: right top; } .bridge_sec .link_group a.item:hover {box-shadow: 2px 4px 8px rgba(0,0,0,.2)} .bridge_sec .link_group a.item:hover:before, .bridge_sec .link_group a.item:hover:after { opacity: 1; width: 100%; height: 100%; transition: .3s ease-in-out; } .bridge_sec .link_group .item.line { background: transparent;} /*.bridge_sec .link_group .item.line .name {color: #95e528;}*/ .bridge_sec .link_group .item>div {position: absolute;} .bridge_sec .link_group .item .ic_area {right: 8px; top: 7px;} .bridge_sec .link_group a.item:hover .ic_bridge {-ms-background-position-y: -100px; background-position-y: -100px;} .bridge_sec .link_group .item .txt {left: 15px; bottom: 15px; font-size: 24px; line-height: 1.3; text-align: left; letter-spacing: -0.02em} .bridge_sec .link_group .item .txt small {display: block; font-size: .666em; line-height: 1.5;} .bridge_sec .link_group div.item .txt small { color: #999;} .bridge_sec .link_group .row.taR {text-align: right;} .bridge_sec .link_group .row.taC {text-align: center;} .bridge_sec .link_group .row.taC .col, .bridge_sec .link_group .row.taR .col {display: inline-block; float: none; vertical-align: top;} .bridge_sec .link_group .row.taJ .col:last-child { float: right; } .cate_sec {padding: 40px 0;} .cate_sec .cate_row {margin-left: -20px; margin-right: -20px;} .cate_sec .cate_row .cate_col {float: left; padding: 0 20px; box-sizing: border-box} .cate_sec .cate_row .cate {display: block; position: relative; color: #333; opacity: .5; font-size: 24px;} .cate_sec .cate_row .cate small, .cate_sec .cate_row .cate span {display: block; line-height: 1.3;} .cate_sec .cate_row .cate small {font-size: .6666em; opacity: .4;} .cate_sec .cate_row .is_active .cate, .cate_sec .cate_row .is_active .cate small {opacity: 1;} .cate_sec .cate_row .is_active .cate:before {display: block; content: ''; position: absolute; left: 0; right: 0; bottom: -5px; height: 2px; background: #d90101;} .img_slider_sec { margin-top: -60px; background: #000; } .img_slider_sec .setWidth { overflow: hidden; } .img_slider_sec .img_slider {position: relative; margin-left: -10px; margin-right: -10px;} .img_slider_sec .img_slider:after, .img_slider_sec .img_slider>div:before {display: block; content: ''; position: absolute; bottom: 0; width: 100%; height: 40px; padding: 0 30px; line-height: 37px; font-family: 'Vatech', san-seif; font-size: 24px; color: #fff; background: rgba(193,255,108,.6); box-sizing: border-box} .img_slider_sec .img_slider>div:after, .img_slider_sec .img_slider:before { display: inline-block; position: absolute; bottom: 0; z-index: 2; padding-right: 55px; font-family: 'Vatech', san-seif; font-size: 24px; line-height: 37px; white-space: nowrap; } .img_slider_sec .img_slider:before { content: attr(data-after); right: 30px; padding-left: 100px; color: #000; background: url(/local/templates/xray/css/../images/new/img_rayence.png) left bottom 5px no-repeat, url(/local/templates/xray/css/../images/new/img_on.png) right top 5px no-repeat; } .img_slider_sec .img_slider>div:after { content: attr(data-before); left: 30px; color: #fff; background: url(/local/templates/xray/css/../images/new/img_off.png) right top 5px no-repeat; } .img_slider_sec .img_slider:after { content: ''; z-index: 0; background: rgba(255,255,255,.6) } .img_slider_sec .img_slider >div { position: relative; overflow: visible; z-index: 2; } .img_slider_sec .img_slider >div:before { z-index: 1; background: #000; } .img_slider_sec .img_slider .cocoen-drag {background: #d80c30; z-index: 2;} .img_slider_sec .img_slider .cocoen-drag::before { width: 32px; height: 49px; margin-left: -16px; margin-top: -25px; border: 0 none; border-radius: 10px; background: url(/local/templates/xray/css/../../../contents/new/img/ic_handle_1119.png) 0 0 no-repeat; box-shadow: 0 2px 3px rgba(0,0,0,.2); } .img_slider_sec .img_slider.is_on .cocoen-drag { animation: handler ease-in-out 1.7s forwards; } img_slider_blind:before, img_slider_blind:after { display: block; content: ''; } @keyframes handler { 0% {transform: scale3d(1, .5, 1);} 30%, 50%, 70% {transform: scale3d(1, 1.15, 1);} 40%, 60%, 80%, 100% {transform: scale3d(1, 1, 1);} 90% {transform: scale3d(1, 1.1, 1);} } .img_slider_sec .video_area { position: relative; width: 100%; height: 0; padding-bottom: 42.19%; overflow: hidden; } .img_slider_sec .video_area video { position: absolute; top: 50%; left: 0; width: 100%; height: 150%; transform: translateY(-50%); } .product_list { position: relative; } .product_list .item {border: 1px solid #d8d8d8; margin-bottom: 40px;} .product_list .item:hover { box-shadow: 0px 2px 12px rgba(0,0,0,.2); transition: .2s ease-in-out; } .product_list .item img {max-width: 100%} .product_list .item .info {display: block;} .product_list .item .info_head {position: relative; text-align: center;} .product_list .item .info_head h2 {padding: 0; margin: 0; font-size: 16px;color: #d60128;text-align: center;} .product_list .item .info_head .new { position: absolute; top: 0; left: 0; padding: 7px 10px; background: #d60128; -webkit-border-radius: 0 0 5px; -moz-border-radius: 0 0 5px; border-radius: 0 0 5px; line-height: 1; text-transform: uppercase; color: #fff; font-size: 20px; } .product_list .item .info_body {padding: 12px 20px 0;} .product_list .item .info_body dl {display: table; width: 100%; border-top: 1px solid #000;} .product_list .item .info_body dl + dl {border-top: 1px solid #d8d8d8;} .product_list .item .info_body dl dt, .product_list .item .info_body dl dd {display: table-cell; height: 40px; padding: 5px 10px; color: #333; vertical-align: middle;} .product_list .item .info_body dl dt {width: 115px; font-weight: 700;} .product_list .item .info_body dl dd {padding: 5px 10px;} .product_list .item .info_body dl.set_height dd { height: 63px; } .product_list .item .compare_area {padding: 15px 13px; border-top: 1px solid #d8d8d8; text-align: right;} .product_list .item .compare_area .compare { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; } .product_list .item .compare_area .compare input {position: absolute; width: 0; height: 0; overflow: hidden; } .product_list .item .compare_area .compare span {display: inline-block; width: 90px; height: 40px; border: 1px solid #d8d8d8; font-size: 14px; color: #333; font-weight: 700; text-align: center; line-height: 37px; vertical-align: top; box-sizing: border-box} .product_list .item .compare_area .compare .check:before, .product_list .item .compare_area .compare .check:after {display: block; content: ''; position: absolute; top: 50%;} .product_list .item .compare_area .compare .check:before {left: 0; width: 20px; height: 20px; margin-top: -10px; border: 1px solid #d8d8d8; box-sizing: border-box} .product_list .item .compare_area .compare .check:after {left: 7px; width: 4px; height: 7px; margin-top: -6px; border-bottom: 2px solid #d8d8d8; border-right: 2px solid #d8d8d8; transform: rotate(45deg)} .product_list .item .compare_area .compare input:checked+span {text-align: center; color: #fff; border: 1px solid #d90101; background: #d90101;} .product_list .item .compare_area .compare input:checked~.check:before {border-color: #d90101;} .product_list .item .compare_area .compare input:checked~.check:after {border-color: #d90101;} .product_list[data-cate="40667"] .item .info_body dl.set_height dd{height: 85px;} .companre_info { position:fixed; left:2%; top: 80%; opacity:1; min-width:200px; padding: 13px 20px; background: #fff; border: 1px solid #edeef1; color: #999; font-size: 14px; text-align: center; box-shadow: 4px 4px 4px rgba(0,0,0,.08); transition:opacity 0.3s; } .companre_info .close{ display:inline-block; position:absolute; right:10px; top:10px; width:20px; height:20px; cursor:pointer; } .companre_info .close::after,.companre_info .close::before{ content:''; width:15px; cursor: pointer; height:1px; background:#ccc; display:inline-block; position:absolute;; right:0px; top:5px; } .companre_info .close::after{ transform:rotate(45deg) } .companre_info .close::before{ transform:rotate(-45deg); } .companre_info.fix{ position:fixed; top:80%; opacity:1; } .companre_info.bottom{ opacity:0; } .companre_info p, .companre_info h6 {text-align: center;} .companre_info h6 { color: #d60128; font-size: 16px; margin-bottom: 10px; } .companre_info p { white-space: nowrap; margin-top: -7px; line-height: 1.4; } .companre_info .img_compare { display: inline-block; width: 140px; height: 50px; background: url(/local/templates/xray/css/../images/new/img_compare.png) center no-repeat; text-indent: -9999px; } .compare_list { margin-left: -20px; margin-right: -20px; } .compare_col { float: left; width: 33.33%; padding: 0 20px; box-sizing: border-box; } .product_head_img_wrap .zoom_gallery_wrap { width: calc(100% - 50px); } .product_view .product_head_sec .ttl_area {margin-bottom: 80px;} .product_view .product_head_sec h2 {font-weight: 600; color: #000; font-size: 36px; margin-top: 0px; text-align: center; font-weight: 100; margin-bottom:20px; font-family: roboto, sans-serif; } .product_view .product_head_sec h2 img { height: 60px; width: auto; } .product_view .product_head_sec h2:before { content: ""; display: block; margin: 0 auto; border-top:2px solid #d90000; width: 40px; margin-bottom: 15px; } .product_view .tab_wrap {height: 150px;} .product_view .tab_wrap .set_inner {position: relative; height: 150px;} /* Tab */ .tabs_area {display: table; border:1px solid #ccc; width: 100%; margin-bottom: 30px; box-sizing: border-box} .tabs_area li { display: table-cell; border-left: 1px solid #ccc; width: 33.33%;} .tabs_area.col4 li { width: 25%; } .tabs_area.col2 li { width: 50% } .tabs_area.col5 li { width: 20% } .tabs_area li:first-child { border-left: none; } .tabs_area li a { display: block; line-height: 50px; font-size: 17px; color: #333; text-align: center; white-space: nowrap; } .tabs_area li a:hover, .tabs li a:focus { background: #eaecef; } .tabs_area li.is_active a { background: #f4f5f7; font-weight: bold; color: #ff3336} .product_view .tab_wrap .tabs_area {position: absolute; left: 0; bottom: 0; width: 100%; margin-bottom: 0; border-radius: 25px;} .product_view .tab_wrap .tabs_area li:first-child a{border-radius: 25px 0 0 25px;} .product_view .tab_wrap .tabs_area li:last-child a {border-radius: 0 25px 25px 0;} .product_view .tab_wrap .tabs_area.is_fix {position: fixed; left: 0; right: 0; top: 103px; max-width: 1280px;width:100%; margin: 0 auto; z-index: 10; background: #fff;border-right:0;border-left:0;} .product_view .tab_wrap .tabs_area.is_fix:before {display: block; content: ''; position: absolute; left: 50%; z-index: -1; width: 1920px; height: 100%; background: #fff; border-bottom: 1px solid #ccc; transform: translateX(-50%)} .product_view .tab_wrap .tabs_area.is_fix, .product_view .tab_wrap .tabs_area.is_fix li a{border-radius: 0;} .product_view .tab_wrap .tabs_area.is_fix li a { line-height: 40px; } .product_view .tab_wrap .tabs_area.is_fix li:first-child {border-left: 1px solid #ccc;} .product_view .tab_wrap .tabs_area.is_fix li:last-child {border-right: 1px solid #ccc;} .product_head_img_wrap {padding: 75px 0; background: #f9fafc; } .product_head_img {text-align: center; width: auto;} .product_head_img_wrap .zoom_gallery_wrap {display: inline-block;width:100%; max-width: 640px;} .product_head_img_wrap .zoomGallery {position: relative; background: #fff; width:100%;height:480px; border: 1px solid #ddd;} .product_head_img_wrap .zoomGallery img {max-width: 100%} .product_head_img_wrap .zoomGallery .award_icon {position: absolute; left: 0; top: 0; z-index: 10;} .product_head_img_wrap .zoomGallery .award_icon img {display: block;} .product_head_img_wrap .zoomGallery .keyFeature {margin-top: 10px;} .product_head_img_wrap .zoom_selector_wrap {display: inline-block; width: 150px; height: 480px; margin-top: 0; margin-left: 16px; vertical-align: top;} .product_head_img_wrap .zoom_selector_wrap .swiper-container {height: 100%; padding-bottom: 80px;} .product_head_img_wrap .zoom_selector_wrap .swiper-container:before {display: block; content: ''; position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 80px; background: #f9fafc;} .product_head_img_wrap #zoomSelector {margin-top: 0;} .product_head_img_wrap #zoomSelector a {position: relative; width: 100%; margin: 0; border: 0 none; background-color: #fff; background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: top; box-sizing: border-box} .product_head_img_wrap #zoomSelector a:before {display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #e7e7e7; box-sizing: border-box} .product_head_img_wrap #zoomSelector a.current:before {border: 2px solid #ff3336;} .product_info_group .info_wrap {padding: 100px 0; text-align: center;} .product_info_group .info_wrap+.info_wrap {border-top: 1px solid #d4d4d4;} .product_info_group .info_wrap img {vertical-align: top; max-width: 100%} .zoom_selector_wrap .swiper-button-prev.swiper-button-disabled, .zoom_selector_wrap .swiper-button-next.swiper-button-disabled { display: none; } .product_head_img_wrap .swiper-button-prev, .product_head_img_wrap .swiper-button-next {bottom: 0; top: auto; z-index: 20; margin-top: 0; border: 1px solid #e7e7e7; background: #fff;} .product_head_img_wrap .swiper-button-prev:before, .product_head_img_wrap .swiper-button-next:before {display: block; content: ''; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; transform: rotate(45deg); margin-left: -7px;} .product_head_img_wrap .swiper-button-prev:before {margin-top: -2px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;} .product_head_img_wrap .swiper-button-next:before {margin-top: -10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} .down_sec {position: relative;} .down_sec h4 {padding-left: 0; color: #fff; margin-bottom: 20px; font-weight: 700 !important;} .down_sec h4:before {display: none;} .down_sec .cnt {display: table; width: 100%;} .down_sec .cnt > ul, .down_sec .cnt .btn_area {display: table-cell;} .down_sec ul>li{position: relative; font-size: 16px; color: #fff;} .down_sec .btn_area {position: absolute; right: 0; text-align: right;} .down_sec .btn_area .button{width: 200px; padding: 0; padding-right: 30px; text-align: center;} .down_sec .btn_area .button i {position: absolute; right: 20px; top: 50%; margin-top: -10px;} .info_wrap#keypoint {} .info_wrap#keypoint .key_item {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: top; } .info_wrap#keypoint .key_item + .key_item {margin-top: 60px;} .info_wrap#keypoint .key_item:nth-child(even) {flex-flow: row-reverse} .info_wrap#keypoint .key_item > div {width: 50%; box-sizing: border-box} .info_wrap#keypoint .key_item > .img_area {text-align: left;} .info_wrap#keypoint .key_item:nth-child(even) > .img_area {text-align: right;} .info_wrap#keypoint .key_item > .img_area img {border: 0px solid #e5e5e5;} .info_wrap#keypoint .key_item > .txt_area {padding-left: 50px; margin-top: 20px;} .info_wrap#keypoint .key_item:nth-child(even) > .txt_area { padding-right: 30px;} .info_wrap#keypoint .key_item > .txt_area .ttl { position: relative; font-size: 36px; margin-bottom: 40px; font-weight: 700; line-height: 1.3; letter-spacing: -.03em} .info_wrap#keypoint .key_item > .txt_area .ttl:before { display: block; content: ''; position: absolute; left: 0; top: -20px; width: 40px; height: 2px; background: #d90000; } p.sub_script_t2 { position: absolute; right: 0; text-align: right; display: inline-block; top: -50%; font-size: .4em; font-weight: 200; } p.sub_script_t2 span {display: inline-block; padding: 0 10px; border-radius: 30px; background: #d90000; color: #fff; margin-left: 10px; } .info_wrap#keypoint .key_item > .txt_area ul>li {position: relative; padding-left: 10px; margin-bottom: 10px !important; font-size: 16px;} .info_wrap#keypoint .key_item > .txt_area ul>li:before {display: block; content: ''; position: absolute; left: 0; top: .7em; width: 3px; height: 3px; border-radius: 50%; background: #ff3336;} .key_item_2 ul li ul li:before, .info_wrap#keypoint .key_item > .txt_area ul li ul li:before {display: inline-block; content: '-'; position: relative; left: -9px; top: 0em; width: 0; height: 0; border-radius: 50%; background: #ff3336;} .info_wrap#keypoint .key_item > .txt_area ul ul {margin-top: 5px;} .info_wrap#keypoint .key_item > .txt_area ul ul>li { padding-left: 0; font-size: .9em; } .info_wrap#keypoint .key_item > .txt_area ul ul>li:before {display: none;} .product_info_group .info_wrap .part {background: #f9fafc; border: 1px solid #d4d4d4;} .key_item_2 {text-align: center !important;} .key_item_2 .img_area {text-align: center;} .key_item_2 .ttl { font-size: 36px; margin-bottom: 40px; font-weight: 700; line-height: 1.3; letter-spacing: -.03em; text-align: center; position: relative; margin-top: 60px; } .key_item_2 .ttl:before { display: block; content: ''; position: absolute; left: 50%; margin-left:-20px; top: -20px; width: 40px; height: 2px; background: #d90000;} .key_item_2 ul>li { text-align: center; position: relative; padding-left: 10px; margin-bottom: 10px !important; font-size: 16px;} .key_item_2 ul>li:before { display: inline-block; content: ''; position: relative; left: -10px; top: -0.3em; width: 3px; height: 3px; border-radius: 50%; background: #ff3336;} .key_item_2 ul>li ul ul {margin-top: 5px;} .key_item_2 ul>li ul ul>li {} .key_item_2 ul li ul li, .info_wrap#keypoint .key_item > .txt_area ul ul>li {font-size: .85em; color: #666; padding-left: 10px;} .key_item_2 .row .col h5 { font-size: 1.4em !important; font-weight: 900 !important; text-align: center; margin-top: 30px } .con_blank {clear:both;display: block;padding-bottom: 120px;} .key_item_2 .row {clear: both; margin: 0 -15px; margin: 0 auto; max-width: 840px;} .key_item_2 .row .col {padding:0 15px; float: left; display: inline-block; } .key_item_2 .row .col02 {width: 50%;} .key_item_2 .row .col03 {width: 33%;} .spec_info {margin-bottom: 20px; margin-left: -40px; margin-right: -40px; } .spec_info .spec_col { float: left; width: 50%; padding: 0 40px; box-sizing: border-box; } .info_wrap#spec .caution,.info_wrap#sw .caution{color: #666; font-size: 14px;} .info_wrap#spec .caution::before,.info_wrap#sw .caution::before{content: ""; font-family: xeicon; vertical-align: -1px; color: rgb(217, 0, 0); display: inline; margin-right: 5px;} .info_wrap#spec ul.footerNotice { margin-top: 10px; border:1px solid #eee; padding: 14px 19px; background: #fafafa; margin-bottom: 0; } .info_wrap#spec ul.footerNotice li { font-size: 13px; } .spec_info table{position: relative; table-layout: fixed} .spec_info table:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #000;} .spec_info table td, .spec_info table th {border: 1px solid #eee; font-size: 16px; padding: 10px 15px;} .spec_info table th {width: 200px; background: #fafafa; font-weight: 500; border-left: 0 none;} .spec_info table td {border-right: 0 none;} .spec_info .img_area {text-align: center;} .spec_info .img_area img{max-width: 90%} .product_img {text-align: center;} .product_img img {max-width: 50%} .info_wrap#sw {padding-bottom: 100px; padding-top: 100px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin-bottom: 50px;} .info_wrap#sw .item_col, #sw.twoItem .item_col .sw_item {border: 1px solid #ccc; } #sw.twoItem{ display:flex; align-items: stretch; } #sw.twoItem .item_col .sw_item{ height:100%; } .item_col .sw_item > .item_inner{ display:table; width:100%; } .item_col .sw_item > .item_inner > div{ display:table-cell; width:60%; vertical-align: middle; } .item_col .sw_item > .item_inner > div.thum_area{ text-align:right; width:40%; } .item_col .sw_item > .item_inner + .caution{ display:block; margin-top:30px; } .img_area img, .thum_area img {max-width: 100%} .sw_item {display: table;width:100%;max-width:900px; margin: auto; padding: 30px 35px; box-sizing: border-box} .sw_item > div {display: table-cell; vertical-align: middle;} .sw_item .txt_area {text-align: left;} .sw_item .txt_area .name {padding-left: 0; margin-bottom: 50px;} .sw_item .txt_area .name:before {display: block; width: 40px; height: 2px; top: auto; bottom: -25px;} .sw_item .txt_area .dot_list>li { position: relative; padding-left: 10px; font-size: 15px; } .sw_item .txt_area .dot_list>li:before { display: block; content: ''; position: absolute; left: 0; top: .65em; width: 3px; height: 3px; border-radius: 50%; background: #e81212; } .sw_item.view_1 .txt_area .name:before, .sw_item.view_1 .dot_list>li:before { background: #87a7ff; } .sw_item.pro .txt_area .name:before, .sw_item.pro .dot_list>li:before { background: #2fb2ff; } #sw.twoItem { margin-left: -10px; margin-right: -10px; } #sw.twoItem:after { display: block; content: ''; clear: both; } #sw.twoItem .item_col { width: 50%; float: left; padding: 0 10px; border: 0 none; box-sizing: border-box; } #sw.twoItem .item_col .sw_item {width: 100%;} #sw.twoItem .thum_area { width: 230px; } #sw.twoItem .thum_area img {transform: translateX(15px)} .compare_tbl thead td, .compare_tbl thead td .name{ text-align: center; } .compare_tbl thead td { padding: 0 0 15px; } .compare_tbl thead td .name { font-size: 18px; } .compare_tbl tbody td p{ text-align: center; } .page_head .page_ttl_area { float: right; padding: 35px 0; } .page_head .page_ttl_area .ttl { color: #d80000; } .page_head .cate_sec { float: left; } h5.title_t2_r {font-size: 20px !important; color: #d9001a; font-weight: 600 !important; } .icon_application {width: 100%; padding-top: 50px; margin-top: 100px; border-top: 1px solid #d4d4d4} .icon_application_wrap {width: 100px; height: auto; display: inline-block; margin-right: 20px; margin-bottom: 20px;} .icon_application_wrap img {width: 100%; height: auto;} .product_info_group .info_wrap {padding-bottom: 20px !important; } .product_info_group .info_wrap+.info_wrap {padding-top: 30px !important; margin-top: 30px;} @media all and (max-width: 1350px) { .set_inner {max-width: 1180px} } @media all and (max-width: 1280px) { .set_inner {max-width: 100%; padding-left:30px;} .bridge_sec .txt_group .ttl_area h1 { font-size: 80px;} .bridge_sec .txt_group p { font-size: 16px; } .bridge_sec .link_group {max-width: 570px} .bridge_sec .link_group .item .txt {font-size: 18px;} .product_view .tab_wrap .tabs_area.is_fix:before{ display:none; } } @media all and (max-width: 1080px) { .bridge_sec .link_group {max-width: 500px} .bridge_sec .link_group .item .txt {font-size: 16px;} .bridge_sec .link_group a.item:hover .ic_bridge {-ms-background-position-y: -50px; background-position-y: -50px;} .cate_sec .cate_row .cate_col:first-child{padding-left:0;} .rowT2 .col.triple{ width:50%; } .rowT2 .col.triple:nth-child(4n+2){clear:both;} .companre_info { position: fixed; left:0; bottom:0%; width:100%; opacity:1; text-align:center; padding:10px 0 0 10px; box-sizing: border-box;; height:70px; } .companre_info>h6,.companre_info>figure,.companre_info>p{ display:inline-block; } .companre_info>figure{ transform: translate(0,-30%); } .companre_info>h6{font-size:20px; transform: translate(-30%,-30%);} .companre_info>p{text-align:left;padding-top:10px;padding-left:10px;} } @media all and (max-width: 1024px) { .bridge_sec .link_group {max-width: 430px} .cate_sec{width:100%;} } @media all and (max-width: 980px) { .slogan { font-size: 18px; } .roundNumList { display: block; } .roundNumList > li { display: list-item; margin-top: 15px; } .roundNumList > li:first-child { margin-top: 0; } .bridge_sec .center_cnt{padding:50px 0;} .bridge_sec .center_cnt>div{margin:0 auto;position:relative;transform:none;} h2.title, h3.title { font-size: 30px;} .pictoList li .iconWrap { width: 200px; } .cultureSection h4 { margin-top: 0; } .mapWrap iframe { height: 320px; } .cate_sec .cate_row{width:100%; } .cate_sec .cate_row .cate_col{ display:inline-block; float:none; margin-bottom:20px; } .img_slider_sec .img_slider>div:after, .img_slider_sec .img_slider:before { font-size: 16px; } .cate_sec{padding:20px 0 0 0;} .cate_sec .cate_row{height:100%;overflow-x: auto; white-space: nowrap;padding-left:20px; } .cate_row::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .cate_row{ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .cate_sec .set_inner{height:90px;} .product_view .tab_wrap .tabs_area.is_fix{top:86px;} .info_wrap#sw{ display:block; } #sw.twoItem .item_col{ width:100%; } #sw.twoItem .item_col + .item_col{ margin-top:20px; } } @media all and (max-width: 740px) { .col-1{ order: 1; flex: 0 0 100%; max-width: 100%; } .col-2{ order: 2; } .footerInfo .logo-pad{ display:none; } .footerInfo .logo-pad-ms{display:block;padding-bottom: 20px;} #footer .footerInfo .text_xray_footer { font-size: 15px; padding-bottom: 35px; } .ciHighlight { padding: 20px; } h2.title, h3.title { font-size: 24px;} p.titleSub.small { font-size: 14px; } .pictoList li .iconWrap { width: 100%; float: none; } .pictoList li h4 { text-align: center; } .companySection > .imgWrap { margin-bottom: 20px; } .companySection .slogan { margin-bottom: 15px; } .companySection h4 { margin-bottom: 0; } .imgWrap .caption { font-size: 12px; padding: 5px 10px; } .packageWrap {padding: 10px 5px} .img_slider_sec{ margin-top:-40px !important; } .product_info_group .info_wrap { padding: 60px 0; } .info_wrap#keypoint .key_item > .txt_area{padding-left:0;} .key_item_2 .ttl, .info_wrap#keypoint .key_item > .txt_area .ttl { font-size: 20px; padding-top: 20px; margin-bottom: 30px; text-align: left; } .key_item_2 .ttl:before, .info_wrap#keypoint .key_item > .txt_area .ttl:before { display: block; content: ''; position: absolute; left: 0; height: 2px; background: #d90000; top: 5px; width: 25px; margin-left: 0; } .info_wrap#keypoint .key_item > .txt_area ul>li, .spec_info table td, .spec_info table th { font-size: 14px; } .product_info_group #spec.info_wrap { padding-bottom: 100px !important; } .spec_info table { table-layout: auto; } .spec_info table th { width: 150px; } .spec_info .spec_col + .spec_col { margin-top: -1px; } .spec_info .spec_col + .spec_col table:before { display: none; } .info_wrap#sw { padding: 50px 0; } #sw.twoItem .item_col { width: 100%; } #sw.twoItem .item_col + .item_col { margin-top: 20px; } #sw.twoItem .item_col .sw_item { padding: 15px; } .sw_item .txt_area .dot_list>li { font-size: 13px; } #sw.twoItem .thum_area { width: 140px; } } @media all and (max-width: 479px) { .product_head_img_wrap #zoomSelector a{ width:33.33%; max-width:150px; } .product_head_img_wrap .zoom_selector_wrap{ width:100% !Important; position:relative !important; } .product_head_img_wrap .zoom_selector_wrap .swiper-container{ width:90% !Important; } .product_head_img_wrap .zoomGallery{ height:auto; } .product_head_img_wrap .zoom_gallery_wrap{ width:calc(100% - 50px); margin-left:25px; } .spec_info{padding-left:0;} .cate_sec{padding:15px 0 0 0;} .cate_sec .set_inner{height:50px;} .tileList li { width: 100%; } .tileList.doubleColumn li { width: 50%; } .mapWrap {height:300px;} .mapWrap iframe { height: 280px; } .branchInfo .titleBox { zoom: 0.8; } .branchInfo p { font-size: 13px; } .branchInfo h5 { margin-top: 10px; } .bridge_sec .txt_group { padding: 50px 0 0; } .bridge_sec .center_cnt>div { position: static; width: 100%; transform: translateY(0); } .bridge_sec .txt_group .ttl_area { margin-bottom: 50px; } .bridge_sec .txt_group .ttl_area:before { bottom: -25px; } .bridge_sec .txt_group .ttl_area h1 { font-size: 40px; line-height: 50px; } .bridge_sec .txt_group p { font-size: 14px; margin-bottom: 0; } .bridge_sec .txt_group p br { display: none; } .bridge_sec .link_group { margin-left: -10px; margin-right: -10px; padding: 50px 0; } .bridge_sec .link_group .row .col { width: 50%; } .bridge_sec .link_group .row .col:nth-child(n+3) { margin-top: 10px; } .bridge_sec .link_group .row.taC { text-align: right !important; } .cate_sec .cate_row .cate { font-size: 14px; } .page_head .cate_sec .set_inner { padding: 0; } .cate_sec .cate_row .cate_col { margin-bottom: 15px; } .img_slider_sec .img_slider>div:after, .img_slider_sec .img_slider:before { font-size: 11px; line-height: 27px; padding-right: 30px; } .img_slider_sec .img_slider:after, .img_slider_sec .img_slider>div:before { height: 26px; } .img_slider_sec .img_slider:before { right: 10px; padding-left: 50px; background-size: 45px 10px, 24px auto; background-position: left bottom 6px, right 7px; } .img_slider_sec .img_slider>div:after { left: 10px; background-size: 24px auto; background-position: right top 7px; } .img_slider_sec .img_slider .cocoen-drag::before { width: 16px; height: 25px; margin-left: -8px; margin-top: -13px; -webkit-background-size: 16px auto; background-size: 16px auto; } .product_list .item { font-size: 11px; } .product_head_img_wrap { padding: 40px 0; } .product_head_img { position: relative; text-align: left; margin-left: -10px; margin-right: -10px; } .boardView .keyFeature > img { width: 50px; } .product_head_img_wrap .zoom_selector_wrap { position: absolute; top: 0; right: 0px; width: 60px; height: 200px; margin-left: 0; } .swiper-button-next, .swiper-button-prev { display: none !important; } .product_view .tab_wrap .set_inner { height: 100px; } .product_view .tab_wrap .tabs_area.is_fix { top: 87px; width: calc(100% + 6px); margin-left: -3px; } .product_info_group .info_wrap { padding: 30px 0; } .tabs_area li a { font-size: 12px; line-height: 40px; } .info_wrap#keypoint .key_item { display: block; } .info_wrap#keypoint .key_item > div { width: 100%; } .info_wrap#keypoint .key_item > .txt_area { padding-left: 0; padding-top: 20px; } .info_wrap#keypoint .key_item > .txt_area .ttl, .key_item_2 .ttl { font-size: 14px; text-align: left; padding-top: 20px; margin-bottom: 30px; } .key_item_2 ul li, .info_wrap#keypoint .key_item > .txt_area ul>li { font-size: 12px; } .spec_info .spec_col { width: 100%; } .spec_info .spec_col + .spec_col { margin-top: -1px; } .spec_info .spec_col + .spec_col table:before { background: #eee; } .spec_info table td, .spec_info table th { font-size: 12px; } .down_sec .cnt, .down_sec .cnt > ul, .down_sec .cnt .btn_area{ display: block; } .down_sec .btn_area { position: static; width: 100%; margin-top: 10px; text-align: center; } .down_sec .btn_area .button { position: relative; } .info_wrap#sw { padding: 30px 0; } #sw.twoItem .item_col { width: 100%; } #sw.twoItem .item_col +.item_col { margin-top: 20px; } .sw_item { display: block; width: 100%; padding: 20px; } .sw_item .txt_area .name { width: 70%; } .sw_item .txt_area .name img {max-width: 100%} .sw_item > div { display: block; } .sw_item > div.thum_area { margin-top: 15px;} .spec_info { margin: 0; overflow-x: auto; } .spec_info table th { width: auto; } .compare_tbl thead td .name { font-size: 14px; } .key_item_2, .key_item_2 ul li, .key_item_2 img { text-align: left !important; } .key_item_2 .row .col03, .key_item_2 .row .col02 {width: 100%;} .key_item_2 .row .col h5 { font-size: 16px !important; font-weight: 900 !important; text-align: left; margin-top: 30px;} .con_blank {padding-bottom:0 } } @media all and (max-width: 320px) { .companre_info>figure.img_compare{transform:translate(0,8%) ;} .companre_info>p{opacity:0;} .companre_info>h6{display:none;} } @media all and (max-width:980px){ .product_head_img_wrap .zoom_selector_wrap { display:block; } .swiper-button-next{display:none;} .product_head_img_wrap .zoom_selector_wrap .swiper-container{width:460px;} .swiper-container-vertical > .swiper-wrapper{ -ms-flex-direction: row !important;; -webkit-flex-direction: row !important;; flex-direction: row !important;; } .product_head_img_wrap #zoomSelector a{max-width:150px;} .product_head_img_wrap .zoom_selector_wrap{ width:450px; margin:0 auto; margin-top:10px; } .product_head_img_wrap .zoom_selector_wrap .swiper-container{ width:100% } .product_head_img_wrap .zoom_selector_wrap .swiper-container:before{ display:none; } .product_head_img_wrap .zoom_selector_wrap{ height:150px; } .product_head_img_wrap .zoom_selector_wrap>a{ height:150px !important; } } @media all and (max-width:740px){ .info_wrap#keypoint .key_item{display:block !important;align-items: normal !important;} .info_wrap#keypoint .key_item > div{width:100% !important;margin-bottom:20px !important} .spec_info .spec_col{ float:none !important; width:100% !important; } .down_sec .cnt{ display:block !important; } .down_sec .btn_area{ bottom: -60px; right:100% !important; left:0 !important; } .spec_info .spec_col{padding:0 !Important;} .set_inner{padding-left:0;} } .spec_info{margin-bottom:20px;} /* End */ /* Start:/local/templates/xray/css/intro.css?17104114086213*/ #introContent {display: table; position: relative; width: 100%; min-height: 650px; text-align: center;} #introContent > section { position: relative; display: table-cell; vertical-align: middle; z-index: 1; } #introContent.reset.video {display: table; position: relative; width: 100%; min-height: 650px; text-align: center;background-color: #25262f;} #introContent.reset.intro_category:before {display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background: url(/local/templates/xray/css/../images/img_intro_bg.png) center no-repeat; background-size: cover; opacity: .3;} #introContent.reset.video:before {display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background: url(/local/templates/xray/css/../images/img_video_bg_n.jpg) center no-repeat; background-size: cover; opacity: .1;} #introContent .set_width {text-align: center;} /*#header .functions a {display: none;}*/ .video_wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden} .video_wrap:before {display: block; content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;} .video_wrap .video_area {position: absolute; top: 50%; left: 0; width: 100%; height: 0; padding-bottom: 56.25%; transform: translateY(-50%)} .video_area iframe, .video_area video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .loading {display: block; position: fixed; width: 100%; height: 100%; z-index: 100000000; background: #19191f; left: 0; top: 0;} .loading:before {display: block; content: ''; position: absolute; left: 50%; top: 50%; z-index: 2; width: 150px; height: 150px; margin-left: -75px; margin-top: -75px; background: url(/local/templates/xray/css/../images/loading.png) center no-repeat; animation: rotate 2s linear infinite } .video_close { visibility: hidden; position: absolute; bottom: 30px; right: 30px; z-index: 100; padding-right: 30px; color: #bbb; opacity: 0; font-size: 16px; line-height: 20px; transition: ease-in-out .2s; } .video_close:before, .video_close:after { display: block; content: ''; position: absolute; right: 0; top: 50%; box-sizing: border-box; } .video_close:before { width: 19px; height: 19px; margin-top: -10px; border: 1px solid #bbb; } .video_close:after { width: 7px; height: 7px; margin-top: -4px; margin-right: 8px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; transform: rotate(45deg); } .video_close:focus { outline: 0; } .video_close.is_show { opacity: 1; visibility: visible; transition: ease-in-out .5s; } .video_close span { display: block; } .btn_group {display: none; position: absolute; top:50%; left: 50%; margin-top: -290px; margin-left: -722px;} .set_width.center-block{text-align:center;} .btn_group .btn_col {float: left; padding: 0 36px;} .btn_item {display: block; position: relative; width: 405px; height: 405px; overflow: hidden; border-radius: 40px; box-sizing: border-box; transform: translate3d(0, 20px, 0); opacity: 0;} .btn_item:before, .btn_item:after {display: block; content: ''; position: absolute; left: 0; top: 0px; width: 100%; height: 100%;} .btn_item:before {opacity: 0; transition: .3s ease-in-out} .btn_item:after {border-radius: 40px; box-sizing: border-box; border: 1px solid #fff; opacity: .1;} .btn_item.medical { background-image: url(/local/templates/xray/css/../images/img_medical_bg_1127.png); animation-delay: .2s !important;} .btn_item.industrial {background-image: url(/local/templates/xray/css/../images/img_industrial_bg.png); animation-delay: .4s !important;} .btn_item.sdugi { background-image: url(/local/templates/xray/css/../images/img_sdugi_bg.png); animation-delay: .6s !important;} .btn_item.medical:before {background-image: url(/local/templates/xray/css/../images/img_medical_bg_hover.jpg);} .btn_item.industrial:before {background-image: url(/local/templates/xray/css/../images/img_industrial_bg_hover.jpg);} .btn_item.sdugi:before {background-image: url(/local/templates/xray/css/../images/img_sdugi_bg_hover.jpg);} .btn_item .txt {display: block; position: absolute; bottom: 30px; left: 50%; width: 290px; height: 80px; margin-left: -145px; text-indent: -9999px;} .btn_col .txt { text-align: center; padding-top: 15px; color: #fff; font-size: 26px; } .btn_item.medical .txt {background-image: url(/local/templates/xray/css/../images/img_medical_txt.png);} .btn_item.industrial .txt {background-image: url(/local/templates/xray/css/../images/img_Industrial_txt.png); } .btn_item:hover:before {opacity: 1;} .btn_group.is_show {display: block;} .btn_group.is_show .btn_item {animation: fadeUp .6s ease-in-out forwards} @-webkit-keyframes rotate { from {transform: rotate(0)} to {transform: rotate(365deg)} } @-o-keyframes rotate { from {transform: rotate(0)} to {transform: rotate(365deg)} } @-moz-keyframes rotate { from {transform: rotate(0)} to {transform: rotate(365deg)} } @keyframes rotate { from {transform: rotate(0)} to {transform: rotate(365deg)} } @-webkit-keyframes fadeUp { from {opacity: 0; transform: translate3d(0, 20px, 0)} to {opacity: 1; transform: translate3d(0, 0, 0)} } @-o-keyframes fadeUp { from {opacity: 0; transform: translate3d(0, 20px, 0)} to {opacity: 1; transform: translate3d(0, 0, 0)} } @-moz-keyframes fadeUp { from {opacity: 0; transform: translate3d(0, 20px, 0)} to {opacity: 1; transform: translate3d(0, 0, 0)} } @keyframes fadeUp { from {opacity: 0; transform: translate3d(0, 20px, 0)} to {opacity: 1; transform: translate3d(0, 0, 0)} } .langSelector_t2 {left: auto; right: 87px} @media all and (max-width: 1280px) { .btn_group { left: 0; right: 20px; margin-left: 0; margin-top: 90px; position: relative; } .btn_group.is_show { display: inline-block; } .btn_group .btn_col { padding: 36px; } .btn_group .btn_col { width: 50%; box-sizing: border-box; } .btn_item { width: 100%; height: 0; padding-bottom: 100%; background-size: cover !important; background-position: center !important; } } @media all and (max-width: 1024px) { .btn_group .btn_col { padding: 20px; } } @media all and (max-width: 500px) { .th1po { font-size: 30px; } .btn_group { left:0px; right: 60px; } .btn_group .btn_col { width: 100%; } .btn_group .btn_col + .btn_col { margin-top: 40px; } .btn_item .txt { bottom: 10px; width: 145px; height: 40px; margin-left: -73px; background-size: 145px 40px; } } /* End */ /* Start:/local/templates/xray/css/ui.css?17104114087574*/ @charset "utf-8"; /* Button */ .button { display: inline-block; text-decoration: none; -webkit-appearance: none; border:none; box-sizing: border-box; cursor: pointer; vertical-align: middle; line-height: 38px; padding: 0 30px; height: 40px; text-align: center; font-size: 14px; } .button i { vertical-align: -1px; } .button.s { line-height: 29px; padding: 0 15px; height: 32px; } .button.l { line-height: 49px; padding: 0 40px; height: 52px; font-size: 16px; font-weight: bold; } .button.textLink { font-weight: bold; color: #666; border-bottom: 1px solid #999; line-height: 24px; padding-left: 3px; font-size: 13px; } .button.textLink:hover, .button.textLink:focus { color: #333; border-color: #d90000; } .button.full { width: 100%; text-align: center; } .button.white { border:1px solid #ddd; color: #333; background: #fff; } .button.white:hover, .button.white:focus { border-color: #ccc; color: #000; } .button.red { border:1px solid #d90000; color: #fff; background: #d90000; } .button.red:hover, .button.red:focus { border-color: #e81212; color: #fff; } .button.red:after { opacity: 1 !important; } .button.green { border:1px solid #7ac30e; color: #333; background: #fff; } .button.green:hover, .button.green:focus { border-color: #66a900; color: #333; } .button.transBlack { border:1px solid #444; color: #444; background: transparent; } .button.transBlack:hover, .button.transBlack:focus { border-color: #444; color: #000; } .button.transBlack:after { opacity: 1 !important; } .button.transWhite { border:1px solid #fff; color: #fff; background: transparent; } .button.transWhite:hover, .button.transWhite:focus { border-color: #ffa100; color: #ffa100; } .button.transWhite:after { opacity: 1 !important; } .button:after { font-family: xeicon; width: 20px; height: 20px; margin-left: 10px; margin-right: -3px; vertical-align:middle; vertical-align: 0px; display: inline-block; opacity: .5; line-height: 20px; } .button:hover:after { opacity: 1; } .button.more:after { content: ""; } .button.link:after { content: ""; } .button.download:after { content: ""; } .button.viewer:after { content: ""; } .button.check:after { content: ""; } .button.list { } .button.white:after { color: #d90000; } .buttonWrap { clear: both; overflow: hidden; margin-top: 30px; } .buttonWrap.small { margin-top: 10px; } .buttonWrap.medium { margin-top: 15px; } .buttonWrap.large { margin-top: 20px; } .buttonWrap.alignLeft .button { margin-right: 15px; float: left; } .buttonWrap.alignCenter .button { margin: 0 5px; } .buttonWrap.alignRight .button { margin-left: 15px; } /* Tab */ .tabs {display: table; border:1px solid #ccc; width: 100%; margin-bottom: 30px; box-sizing: border-box} .tabs li { display: table-cell; border-left: 1px solid #ccc; width: 33%;} .tabs li:first-child { width: 34%; } .tabs.col4 li { width: 25%; } .tabs.col2 li { width: 50% } .tabs.col5 li { width: 20% } .tabs li:first-child { border-left: none; } .tabs li a { display: block; line-height: 50px; font-size: 16px; color: #333; text-align: center; white-space: nowrap; } .tabs li a:hover, .tabs li a:focus { background: #eaecef; } .tabs li.on a { background: #eaecef; font-weight: bold; color: #d90000} .tabContents > div { display: none; } .tabContents > div.active { display: block; } /*Pagination*/ #content .pagination { padding: 20px 0 0; overflow: hidden; float: left;} #content .pagination a { border:1px solid #ccc; float: left; text-align: center; border-left: none; text-decoration: none; width: 30px; height: 30px; line-height: 30px; font-size: 14px; font-family: 'roboto', sans-serif; color: #666; } #content .pagination a:first-child { border-left: 1px solid #ccc; } #content .pagination a.direction { width: auto; padding: 0 10px; } #content .pagination a.direction i { vertical-align: -1px; } #content .pagination a:hover, .pagination a:focus { background: #f4f4f4; } #content .pagination a.current { background: #d90000; border:1px solid #bc0000; color: #fff; } /*BoardList*/ /* Input */ .inputWrap { border:1px solid #ddd; padding: 20px 40px 40px; } .inputTable { width: 100%; border-top:2px solid #30313a; } .inputTable th { text-align: left; line-height: 32px; padding: 10px; border-bottom: 1px solid #ddd; width: 120px; vertical-align: top; } .inputTable td { padding: 10px; border-bottom:1px solid #ddd } .inputTable label {white-space: nowrap} .telLayout {} .telLayout td { padding: 0; border:none; width: 32% !important; } .telLayout td.space { width: 2% !important; text-align: center; } .inlineSelect { border:1px solid #ccc; min-width: 120px; line-height: 24px; border-radius: 0; background: #fff; color: #333;} .selectInput { min-width: 200px; border:1px solid #ccc; line-height: 30px; display: inline-block; height: 32px; padding: 0 10px; border-radius: 0 !important; box-sizing: border-box; vertical-align: middle; } .selectInput.auto { width: auto; min-width: 100px !important; } .textInput { border:1px solid #ccc; line-height: 20px; display: inline-block; height: 32px; padding: 5px 10px !important; width: 100%; box-sizing: border-box; vertical-align: middle; } .textInput.w200 { width: 200px; } .textInput.readonly { background: #eee; } textarea.textInput { height: auto; } .inputText { line-height: 32px; } .agreeWrap { border:1px solid #ccc; line-height: 20px; display: inline-block; font-size: 13px; color: #555; padding: 5px 10px; width: 100%; box-sizing: border-box; height: 120px; overflow-y: scroll; background: #eee; margin-bottom: 10px; } .inquiryComplete { width: 100%; margin: 0 auto 40px; max-width: 640px; box-sizing: border-box; } .inquiryComplete .completeMessage { text-align: center; font-size: 24px; margin: 20px 0 40px; } .inquiryComplete .completeMessage i { display: block; text-align: center; } .krZip { } .krZip > div { position: relative; overflow: hidden; padding-left: 60px;} .krZip > div > label { position: absolute; display: block; height: 32px; width: 50px; left:0px; top:0px; line-height: 32px; font-size: 12px; color: #666; } .krZip > div .textInput { height: 32px; } .krzip-postcode-wrap { margin-bottom: 10px; } .krzip-address-wrap .textInput { margin-bottom: 5px; } .krzip-detailAddress-wrap { margin-top: 5px; } .krzip-extraAddress { display: none; } /* MobileScroll - 가로가 긴 항목들을 모바일에서 가로스크롤로 볼수 있도록 */ br.mobile { display: none; } br.pc { display: inline; } /* 툴팁 */ .tooltip { display:none; position:absolute; background-color:#d90000; padding:5px 10px; color:#fff; font-size:12px !important; } @media only screen and (max-width: 740px){ br.mobile { display: inline; } br.pc { display: none; } .tabs li a { font-size: 14px; } .inputTable th, .inputTable td{ display: block; width: 100%; box-sizing: border-box; padding: 0 0 20px !important } .inputTable th {border-bottom: 0; padding:10px 0 0 !important;} .telLayout tr > td {padding-bottom: 0 !important} .inputWrap {padding: 10px} .selectInput {width: 100%;} .telLayout td {display: table-cell;} .mobileScrollWrap { overflow-y:scroll; margin-right: -15px; margin-left: -15px; position: relative; } .mobileScrollWrap .inner { width: 720px; padding: 0d 15px;} } @media only screen and (max-width: 479px){ .buttonWrap .button { width: 100%; margin: 10px 0 0 !important; } .buttonWrap .button:first-child { margin-top: 0; } .tabs li a { font-size: 13px; } } /* End */ /* Start:/local/templates/xray/css/webfont_en.css?17104114081468*/ @charset "utf-8"; @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v16/d-6IYplOFocCacKzxwXSOJBw1xU1rKptJj_0jans920.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } #gnb > ul > li > a {font-size: 15px;} #gnb > ul .depth2 {max-width: 210px} #gnb > ul .depth2 a {padding-left: 5px; padding-right: 5px; box-sizing: border-box; white-space: normal; } @media (max-width:479px) { .quickMenu li a span {font-size: 0} .quickMenu li a i {font-size: 12px;} .quickMenu .langSelector a {font-size: 12px;} } /* End */ /* Start:/local/templates/xray/css/vt_icon.css?17104114082188*/ @font-face { font-family: 'fontello'; src: url('/local/templates/xray/css/../fonts/fontello.eot'); src: url('/local/templates/xray/css/../fonts/fontello.eot') format('embedded-opentype'), url('/local/templates/xray/css/../fonts/fontello.woff2') format('woff2'), url('/local/templates/xray/css/../fonts/fontello.woff') format('woff'), url('/local/templates/xray/css/../fonts/fontello.ttf') format('truetype'), url('/local/templates/xray/css/../fonts/fontello.svg') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('/local/templates/xray/css/../fonts/icon/fontello.svg?42705791#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-v_inquiry:before { content: '\e800'; } /* '' */ .icon-v_language:before { content: '\e801'; } /* '' */ .icon-v_logo_e:before { content: '\e802'; } /* '' */ .icon-v_logo_r:before { content: '\e803'; } /* '' */ .icon-v_logo:before { content: '\e804'; } /* '' */ .icon-v_menu:before { content: '\e805'; } /* '' */ .icon-v_recruit:before { content: '\e806'; } /* '' */ .icon-v_search:before { content: '\e807'; } /* '' */ .icon-v_xgreen:before { content: '\e808'; } /* '' */ /* End */ /* Start:/local/templates/xray/css/xeicon.min.css?171041140836195*/ /*! * XEIcon 2.3.1 by @NAVER - http://xpressengine.github.io/XEIcon/ - @XEIcon * License - http://xpressengine.github.io/XEIcon/license.html (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face{font-family:xeicon;src:url(/local/templates/xray/css/../fonts/xeicon/xeicon.eot);src:url(/local/templates/xray/css/../fonts/xeicon/xeicon.eot) format("embedded-opentype"),url(/local/templates/xray/css/../fonts/xeicon/xeicon.woff2) format("woff2"),url(/local/templates/xray/css/../fonts/xeicon/xeicon.ttf) format("truetype"),url(/local/templates/xray/css/../fonts/xeicon/xeicon.woff) format("woff"),url(/local/templates/xray/css/../fonts/xeicon/xeicon.svg) format("svg");font-weight:400;font-style:normal}i{font-family:xeicon!important;display:inline-block;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xi-home:before{content:"\e900"}.xi-home-o:before{content:"\e902"}.xi-bars:before{content:"\e91c"}.xi-hamburger-back:before{content:"\eb46"}.xi-hamburger-out:before{content:"\eb45"}.xi-apps:before{content:"\e903"}.xi-ellipsis-h:before{content:"\e94a"}.xi-ellipsis-v:before{content:"\e949"}.xi-drag-vertical:before{content:"\e996"}.xi-drag-handle:before{content:"\e960"}.xi-arrow-top:before{content:"\e912"}.xi-arrow-bottom:before{content:"\e904"}.xi-arrow-left:before{content:"\e906"}.xi-arrow-right:before{content:"\e907"}.xi-arrow-up:before{content:"\e915"}.xi-arrow-down:before{content:"\e905"}.xi-long-arrow-left:before{content:"\e908"}.xi-long-arrow-right:before{content:"\e90b"}.xi-long-arrow-up:before{content:"\e909"}.xi-long-arrow-down:before{content:"\e90a"}.xi-angle-left:before{content:"\e93b"}.xi-angle-left-min:before{content:"\e93c"}.xi-angle-left-thin:before{content:"\e93d"}.xi-angle-right:before{content:"\e93e"}.xi-angle-right-min:before{content:"\e93f"}.xi-angle-right-thin:before{content:"\e940"}.xi-angle-up:before{content:"\e944"}.xi-angle-up-min:before{content:"\e945"}.xi-angle-up-thin:before{content:"\e946"}.xi-angle-down:before{content:"\e941"}.xi-angle-down-min:before{content:"\e942"}.xi-angle-down-thin:before{content:"\e943"}.xi-caret-up:before{content:"\e92f"}.xi-caret-up-min:before{content:"\e930"}.xi-caret-down:before{content:"\e935"}.xi-caret-down-min:before{content:"\e936"}.xi-caret-up-circle:before{content:"\e931"}.xi-caret-up-circle-o:before{content:"\e932"}.xi-caret-down-circle:before{content:"\e937"}.xi-caret-down-circle-o:before{content:"\e938"}.xi-caret-up-square:before{content:"\e933"}.xi-caret-up-square-o:before{content:"\e934"}.xi-caret-down-square:before{content:"\e939"}.xi-caret-down-square-o:before{content:"\e93a"}.xi-arrows-h:before{content:"\e90e"}.xi-arrows-v:before{content:"\e90f"}.xi-expand:before{content:"\e910"}.xi-compress:before{content:"\e911"}.xi-arrows:before{content:"\e90c"}.xi-arrows-alt:before{content:"\e90d"}.xi-compare-arrows:before{content:"\e947"}.xi-scroll:before{content:"\e94b"}.xi-dashboard:before{content:"\e948"}.xi-dashboard-o:before{content:"\e95e"}.xi-refresh:before{content:"\e973"}.xi-catched:before{content:"\e923"}.xi-renew:before{content:"\e977"}.xi-sync:before{content:"\e982"}.xi-eye:before{content:"\e951"}.xi-eye-o:before{content:"\e950"}.xi-eye-off:before{content:"\e953"}.xi-eye-slash:before{content:"\e953"}.xi-eye-off-o:before{content:"\e952"}.xi-eye-slash2:before{content:"\e952"}.xi-lock:before{content:"\e964"}.xi-lock-o:before{content:"\e966"}.xi-unlock:before{content:"\e965"}.xi-unlock-o:before{content:"\e967"}.xi-trash:before{content:"\e96e"}.xi-trash-o:before{content:"\e96f"}.xi-flag:before{content:"\e961"}.xi-flag-o:before{content:"\e962"}.xi-expand-square:before{content:"\e954"}.xi-compress-square:before{content:"\e955"}.xi-log-in:before{content:"\e963"}.xi-log-out:before{content:"\e972"}.xi-search:before{content:"\e97a"}.xi-magnifier:before{content:"\e97a"}.xi-zoom-in:before{content:"\e97b"}.xi-magnifier-expand:before{content:"\e97b"}.xi-zoom-out:before{content:"\e97c"}.xi-magnifier-reduce:before{content:"\e97c"}.xi-subdirectory:before{content:"\e97e"}.xi-subdirectory-arrow:before{content:"\e981"}.xi-external-link:before{content:"\e980"}.xi-cog:before{content:"\e986"}.xi-view-array:before{content:"\e983"}.xi-view-carousel:before{content:"\e984"}.xi-view-column:before{content:"\e985"}.xi-view-day:before{content:"\e98d"}.xi-view-list:before{content:"\e993"}.xi-view-module:before{content:"\e997"}.xi-view-stream:before{content:"\e99a"}.xi-wrench:before{content:"\e99b"}.xi-filter:before{content:"\e9d9"}.xi-funnel:before{content:"\e9d9"}.xi-plus:before{content:"\e913"}.xi-plus-min:before{content:"\e914"}.xi-plus-thin:before{content:"\e9c5"}.xi-minus:before{content:"\e91a"}.xi-minus-min:before{content:"\e91b"}.xi-minus-thin:before{content:"\e9c1"}.xi-close:before{content:"\e921"}.xi-close-min:before{content:"\e922"}.xi-close-thin:before{content:"\e9af"}.xi-check:before{content:"\e928"}.xi-check-min:before{content:"\e929"}.xi-check-thin:before{content:"\e92a"}.xi-plus-circle:before{content:"\e916"}.xi-plus-circle-o:before{content:"\e917"}.xi-minus-circle:before{content:"\e91d"}.xi-minus-circle-o:before{content:"\e91e"}.xi-close-circle:before{content:"\e924"}.xi-close-circle-o:before{content:"\e925"}.xi-check-circle:before{content:"\e92b"}.xi-check-circle-o:before{content:"\e92c"}.xi-plus-square:before{content:"\e918"}.xi-plus-square-o:before{content:"\e919"}.xi-minus-square:before{content:"\e91f"}.xi-minus-square-o:before{content:"\e920"}.xi-close-square:before{content:"\e926"}.xi-close-square-o:before{content:"\e927"}.xi-check-square:before{content:"\e92d"}.xi-check-box:before{content:"\e92d"}.xi-checkbox-blank:before{content:"\ea0e"}.xi-check-square-o:before{content:"\e92e"}.xi-checkbox-checked:before{content:"\e92e"}.xi-radiobox-blank:before{content:"\e9c6"}.xi-radiobox-checked:before{content:"\e9c7"}.xi-cut:before{content:"\e9b0"}.xi-label:before{content:"\e9b1"}.xi-label-o:before{content:"\e9b2"}.xi-library-add:before{content:"\e9b3"}.xi-library-bookmark:before{content:"\e9b4"}.xi-tagged-book:before{content:"\e9b4"}.xi-save:before{content:"\e9b9"}.xi-lightbulb:before{content:"\e9be"}.xi-idea:before{content:"\e9be"}.xi-lightbulb-o:before{content:"\e9bf"}.xi-link:before{content:"\e9c0"}.xi-package:before{content:"\e9c2"}.xi-archive:before{content:"\e9c2"}.xi-pen:before{content:"\e9c3"}.xi-pen-o:before{content:"\e9c4"}.xi-undo:before{content:"\e9d2"}.xi-redo:before{content:"\e9c8"}.xi-switch-off:before{content:"\e9c9"}.xi-switch-on:before{content:"\e9ca"}.xi-toggle-off:before{content:"\e9cb"}.xi-toggle-on:before{content:"\e9cd"}.xi-bookmark:before{content:"\ea1c"}.xi-bookmark-o:before{content:"\ea1d"}.xi-tag:before{content:"\ea36"}.xi-tags:before{content:"\ea37"}.xi-mail:before{content:"\ea06"}.xi-envelope:before{content:"\ea06"}.xi-social-email:before{content:"\ea06"}.xi-mail-o:before{content:"\ea07"}.xi-mail-read:before{content:"\ea08"}.xi-envelope-open:before{content:"\ea08"}.xi-mail-read-o:before{content:"\ea09"}.xi-send:before{content:"\ea0b"}.xi-paper-plane:before{content:"\ea0b"}.xi-reply:before{content:"\ea0d"}.xi-reply-all:before{content:"\ea0c"}.xi-share:before{content:"\e9fa"}.xi-share-l:before{content:"\e9fa"}.xi-share-alt:before{content:"\e9e9"}.xi-share-alt-o:before{content:"\e9ea"}.xi-call:before{content:"\e9d3"}.xi-phone:before{content:"\e9d3"}.xi-call-outgoing:before{content:"\e9d4"}.xi-call-incoming:before{content:"\e9d6"}.xi-call-reception:before{content:"\e9d6"}.xi-call-missed:before{content:"\e9d5"}.xi-comment:before{content:"\e9d7"}.xi-comment-o:before{content:"\e9d8"}.xi-forum:before{content:"\e9f0"}.xi-comments:before{content:"\e9f0"}.xi-forum-o:before{content:"\e9f1"}.xi-video-call:before{content:"\ea18"}.xi-xi-film:before{content:"\ea18"}.xi-voicemail:before{content:"\ea19"}.xi-note:before{content:"\ea1a"}.xi-note-o:before{content:"\ea1b"}.xi-at:before{content:"\ea0a"}.xi-message:before{content:"\ea14"}.xi-message-o:before{content:"\ea15"}.xi-speech:before{content:"\ea12"}.xi-speech-o:before{content:"\ea13"}.xi-user-address:before{content:"\e9f4"}.xi-profile:before{content:"\e9f2"}.xi-user-circle:before{content:"\e9f2"}.xi-profile-o:before{content:"\ea2a"}.xi-user:before{content:"\e9f3"}.xi-users:before{content:"\e9f9"}.xi-group:before{content:"\ea2e"}.xi-community:before{content:"\ea2e"}.xi-user-plus:before{content:"\e9f7"}.xi-users-plus:before{content:"\ea17"}.xi-user-o:before{content:"\e9f5"}.xi-users-o:before{content:"\ea04"}.xi-user-plus-o:before{content:"\e9f8"}.xi-star:before{content:"\ea0f"}.xi-star-o:before{content:"\ea16"}.xi-heart:before{content:"\ea10"}.xi-heart-o:before{content:"\ea11"}.xi-thumbs-up:before{content:"\ea28"}.xi-thumbs-down:before{content:"\ea29"}.xi-crown:before{content:"\e9da"}.xi-trophy:before{content:"\ea38"}.xi-emoticon-happy:before{content:"\e9dd"}.xi-happy-face:before{content:"\e9dd"}.xi-emoticon-happy-o:before{content:"\e9ed"}.xi-emoticon-smiley:before{content:"\e9e4"}.xi-smiley-face:before{content:"\e9e4"}.xi-emoticon-smiley-o:before{content:"\e9e6"}.xi-emoticon-neutral:before{content:"\e9eb"}.xi-neutral-face:before{content:"\e9eb"}.xi-emoticon-neutral-o:before{content:"\e9ec"}.xi-emoticon-bad:before{content:"\e9de"}.xi-emoticon-bad-o:before{content:"\e9df"}.xi-emoticon-sad:before{content:"\e9ee"}.xi-sad-face:before{content:"\e9ee"}.xi-emoticon-sad-o:before{content:"\e9ef"}.xi-emoticon-devil:before{content:"\e9e2"}.xi-angry-face:before{content:"\e9e2"}.xi-emoticon-devil-o:before{content:"\e9e3"}.xi-emoticon-cool:before{content:"\e9e0"}.xi-emoticon-cool-o:before{content:"\e9e1"}.xi-bell:before{content:"\e99c"}.xi-bell-o:before{content:"\e99d"}.xi-bell-off:before{content:"\e99e"}.xi-bell-slash:before{content:"\e99e"}.xi-bell-off-o:before{content:"\e99f"}.xi-alarm:before{content:"\ea1e"}.xi-alarm-o:before{content:"\ea1f"}.xi-alarm-off:before{content:"\ea20"}.xi-time:before{content:"\ea2b"}.xi-time-o:before{content:"\ea2c"}.xi-snooze:before{content:"\ea27"}.xi-calendar:before{content:"\e9a0"}.xi-calendar-add:before{content:"\e9a1"}.xi-calendar-remove:before{content:"\e9a2"}.xi-calendar-cancle:before{content:"\e9a3"}.xi-calendar-check:before{content:"\e9a4"}.xi-calendar-list:before{content:"\e9a5"}.xi-new:before{content:"\e9a8"}.xi-new-o:before{content:"\e9a9"}.xi-info:before{content:"\e9a6"}.xi-information-circle:before{content:"\e9a6"}.xi-info-o:before{content:"\e9a7"}.xi-help:before{content:"\e9ad"}.xi-unknown-circle:before{content:"\e9ad"}.xi-help-o:before{content:"\e9ac"}.xi-error:before{content:"\e9aa"}.xi-error-o:before{content:"\e9ab"}.xi-ban:before{content:"\e9ae"}.xi-slash-circle:before{content:"\e9ae"}.xi-warning:before{content:"\ea2d"}.xi-hand-paper:before{content:"\ea21"}.xi-key:before{content:"\ea22"}.xi-security:before{content:"\ea24"}.xi-shield:before{content:"\ea24"}.xi-shield-checked:before{content:"\ea25"}.xi-check-shield:before{content:"\ea25"}.xi-shield-checked-o:before{content:"\ea26"}.xi-align-justify:before{content:"\e956"}.xi-align-left:before{content:"\e957"}.xi-align-center:before{content:"\e958"}.xi-align-right:before{content:"\e959"}.xi-indent:before{content:"\e95a"}.xi-dedent:before{content:"\e95b"}.xi-list-dot:before{content:"\e95c"}.xi-list-ul:before{content:"\e95c"}.xi-list-square:before{content:"\e95d"}.xi-list-ul-square:before{content:"\e95d"}.xi-list-number:before{content:"\ea6b"}.xi-list-ol:before{content:"\ea6b"}.xi-list:before{content:"\e95f"}.xi-list-ul-l:before{content:"\e95f"}.xi-paragraph:before{content:"\e968"}.xi-bold:before{content:"\e96a"}.xi-italic:before{content:"\e96c"}.xi-strikethrough:before{content:"\e969"}.xi-underline:before{content:"\e96b"}.xi-caps:before{content:"\e96d"}.xi-text-size:before{content:"\eaba"}.xi-text-type:before{content:"\e97f"}.xi-type:before{content:"\e97f"}.xi-spellcheck:before{content:"\eaa9"}.xi-translate:before{content:"\eabc"}.xi-line-height:before{content:"\e976"}.xi-lineheight:before{content:"\e976"}.xi-font:before{content:"\ea63"}.xi-text-format:before{content:"\eab9"}.xi-text-color:before{content:"\eaaa"}.xi-color-fill:before{content:"\ea5e"}.xi-color-helper:before{content:"\ea5f"}.xi-scissors:before{content:"\e994"}.xi-document:before{content:"\e998"}.xi-form:before{content:"\e998"}.xi-palette:before{content:"\e995"}.xi-color:before{content:"\e995"}.xi-color-dropper:before{content:"\e97d"}.xi-eye-dropper:before{content:"\e97d"}.xi-eraser:before{content:"\e970"}.xi-eraser-o:before{content:"\e971"}.xi-sort-asc:before{content:"\e974"}.xi-lineheight-plus:before{content:"\e974"}.xi-sort-desc:before{content:"\e975"}.xi-lineheight-minus:before{content:"\e975"}.xi-rotate-right:before{content:"\e978"}.xi-rotate-left:before{content:"\e979"}.xi-layout:before{content:"\e988"}.xi-layout-top:before{content:"\e988"}.xi-layout-o:before{content:"\e98e"}.xi-layout-full:before{content:"\e989"}.xi-layout-full-o:before{content:"\e98f"}.xi-layout-snb:before{content:"\e98a"}.xi-layout-top-left:before{content:"\e98a"}.xi-layout-snb-o:before{content:"\e990"}.xi-layout-aside:before{content:"\e98b"}.xi-layout-top-right:before{content:"\e98b"}.xi-layout-aside-o:before{content:"\e991"}.xi-layout-column:before{content:"\e98c"}.xi-layout-top-three:before{content:"\e98c"}.xi-layout-column-o:before{content:"\e992"}.xi-crop:before{content:"\e999"}.xi-border-color:before{content:"\ea39"}.xi-line-style:before{content:"\ea66"}.xi-line-weight:before{content:"\ea67"}.xi-border-all:before{content:"\e987"}.xi-border-bottom:before{content:"\ea32"}.xi-border-clear:before{content:"\ea33"}.xi-border-horizontal:before{content:"\ea45"}.xi-border-inner:before{content:"\ea46"}.xi-border-left:before{content:"\ea49"}.xi-border-outer:before{content:"\ea4f"}.xi-border-right:before{content:"\ea51"}.xi-border-style:before{content:"\ea52"}.xi-border-top:before{content:"\ea54"}.xi-border-vertical:before{content:"\ea5c"}.xi-valign-top:before{content:"\eabf"}.xi-valign-bottom:before{content:"\eabd"}.xi-valign-center:before{content:"\eabe"}.xi-code:before{content:"\ea5d"}.xi-emoticon:before{content:"\ea62"}.xi-emoji:before{content:"\ea62"}.xi-face:before{content:"\ea62"}.xi-link-insert:before{content:"\ea6a"}.xi-link-l:before{content:"\ea6a"}.xi-link-broken:before{content:"\ea68"}.xi-unlink:before{content:"\ea68"}.xi-omega:before{content:"\ea6c"}.xi-opacity:before{content:"\ea6d"}.xi-overscan:before{content:"\ea78"}.xi-paperclip:before{content:"\ea7f"}.xi-transform:before{content:"\eabb"}.xi-power-off:before{content:"\e94c"}.xi-esc:before{content:"\e94f"}.xi-command:before{content:"\e94e"}.xi-alt:before{content:"\e94d"}.xi-tab:before{content:"\eaf8"}.xi-backspace:before{content:"\eac4"}.xi-capslock:before{content:"\ead6"}.xi-watch:before{content:"\e9b5"}.xi-mouse:before{content:"\e9b6"}.xi-sdcard:before{content:"\e9b7"}.xi-usb-drive:before{content:"\e9b8"}.xi-diskette:before{content:"\e9ba"}.xi-print:before{content:"\e9bb"}.xi-social-print:before{content:"\e9bb"}.xi-fax:before{content:"\e9bc"}.xi-webcam:before{content:"\e9cc"}.xi-projector:before{content:"\e9ce"}.xi-presentation:before{content:"\e9cf"}.xi-plug:before{content:"\e9d0"}.xi-speaker:before{content:"\ea60"}.xi-airplay:before{content:"\eac0"}.xi-alarm-clock:before{content:"\eac1"}.xi-alarm-clock-o:before{content:"\eac2"}.xi-alarm-clock-off:before{content:"\eac3"}.xi-battery:before{content:"\eac5"}.xi-battery-full:before{content:"\eac5"}.xi-battery-o:before{content:"\ead0"}.xi-battery-min:before{content:"\ead0"}.xi-battery-10:before{content:"\eac6"}.xi-battery-20:before{content:"\eac7"}.xi-battery-30:before{content:"\eac8"}.xi-battery-40:before{content:"\eac9"}.xi-battery-50:before{content:"\eacb"}.xi-battery-60:before{content:"\eacc"}.xi-battery-70:before{content:"\eacd"}.xi-battery-80:before{content:"\eace"}.xi-battery-90:before{content:"\eacf"}.xi-bluetooth:before{content:"\ead1"}.xi-bluetooth-off:before{content:"\ead2"}.xi-bluetooth-on:before{content:"\ead3"}.xi-bluetooth-search:before{content:"\ead4"}.xi-brightness:before{content:"\ead5"}.xi-clock:before{content:"\ead7"}.xi-clock-o:before{content:"\ead8"}.xi-contrast:before{content:"\ead9"}.xi-desktop:before{content:"\eada"}.xi-monitor:before{content:"\eada"}.xi-laptop:before{content:"\eae9"}.xi-devices:before{content:"\eadb"}.xi-tablet:before{content:"\eaf9"}.xi-mobile:before{content:"\eaed"}.xi-tv:before{content:"\eafb"}.xi-enter:before{content:"\eadc"}.xi-flashlight:before{content:"\eadd"}.xi-flashlight-off:before{content:"\eade"}.xi-flight-off:before{content:"\eadf"}.xi-flight-on:before{content:"\eae0"}.xi-gamepad:before{content:"\eae1"}.xi-gps:before{content:"\eae2"}.xi-gps-none:before{content:"\eae3"}.xi-gps-off:before{content:"\eae4"}.xi-hdd:before{content:"\eae5"}.xi-hdmi:before{content:"\eae6"}.xi-keyboard:before{content:"\eae7"}.xi-keyboard-o:before{content:"\eae8"}.xi-space-bar:before{content:"\eaf7"}.xi-lock-rotation:before{content:"\eaea"}.xi-chip:before{content:"\eaeb"}.xi-chip-o:before{content:"\eaec"}.xi-mouse-pointer:before{content:"\eaee"}.xi-router:before{content:"\eaef"}.xi-wifi-router:before{content:"\eaef"}.xi-router-o:before{content:"\eaf0"}.xi-signal:before{content:"\eaf1"}.xi-signal-1:before{content:"\eaf2"}.xi-signal-2:before{content:"\eaf3"}.xi-signal-3:before{content:"\eaf4"}.xi-signal-4:before{content:"\eaf5"}.xi-signal-none:before{content:"\eaf6"}.xi-touch:before{content:"\eafa"}.xi-usb:before{content:"\eafc"}.xi-wifi:before{content:"\eafd"}.xi-wifi-signal:before{content:"\eafd"}.xi-wifi-signal-mid:before{content:"\eafe"}.xi-wifi-signal-min:before{content:"\eaff"}.xi-wifi-signal-off:before{content:"\eb00"}.xi-chart-bar:before{content:"\e901"}.xi-book:before{content:"\ea34"}.xi-book-o:before{content:"\ea35"}.xi-play:before{content:"\ea3e"}.xi-caret-right:before{content:"\ea3e"}.xi-play-circle:before{content:"\ea40"}.xi-play-circle-o:before{content:"\ea3f"}.xi-pause-circle:before{content:"\ea3d"}.xi-pause-circle-o:before{content:"\ea3c"}.xi-pause:before{content:"\ea3b"}.xi-stop:before{content:"\ea41"}.xi-recording-stop:before{content:"\eb24"}.xi-recording:before{content:"\eb21"}.xi-record:before{content:"\eb21"}.xi-eject:before{content:"\ea42"}.xi-step-backward:before{content:"\ea43"}.xi-step-forward:before{content:"\ea44"}.xi-backward:before{content:"\ea47"}.xi-forward:before{content:"\ea48"}.xi-fast-backward:before{content:"\eb08"}.xi-fast-forward:before{content:"\eb07"}.xi-camera:before{content:"\ea4b"}.xi-camera-o:before{content:"\ea4a"}.xi-videocam:before{content:"\ea4d"}.xi-video-camera:before{content:"\ea4d"}.xi-videocam-o:before{content:"\ea4c"}.xi-image:before{content:"\ea50"}.xi-image-o:before{content:"\ea4e"}.xi-microphone-o:before{content:"\ea56"}.xi-microphone:before{content:"\ea57"}.xi-microphone-off:before{content:"\ea58"}.xi-microphone-slash:before{content:"\ea58"}.xi-volume-mute:before{content:"\ea59"}.xi-volume:before{content:"\ea59"}.xi-volume-down:before{content:"\ea5a"}.xi-volume-min:before{content:"\ea5a"}.xi-volume-up:before{content:"\ea5b"}.xi-volume-max:before{content:"\ea5b"}.xi-volume-off:before{content:"\eb39"}.xi-volume-slash:before{content:"\eb39"}.xi-album:before{content:"\ea61"}.xi-record-play:before{content:"\ea61"}.xi-cd-r:before{content:"\ea61"}.xi-headset:before{content:"\ea64"}.xi-music:before{content:"\ea65"}.xi-chart-pyramid:before{content:"\ea69"}.xi-chart-bar-square:before{content:"\eb01"}.xi-chart-line:before{content:"\eb02"}.xi-chart-pie:before{content:"\eb03"}.xi-chart-pie-o:before{content:"\eb04"}.xi-equalizer:before{content:"\eb05"}.xi-volume-bar:before{content:"\eb05"}.xi-equalizer-thin:before{content:"\ea55"}.xi-exposure:before{content:"\eb06"}.xi-flash:before{content:"\eb09"}.xi-flash-off:before{content:"\eb0a"}.xi-focus-center:before{content:"\eb0b"}.xi-focus-frame:before{content:"\eb0c"}.xi-focus-weak:before{content:"\eb11"}.xi-paper:before{content:"\eb1e"}.xi-paper-o:before{content:"\eb1f"}.xi-library-books:before{content:"\eb14"}.xi-library-books-o:before{content:"\eb16"}.xi-library-image:before{content:"\eb17"}.xi-library-image-o:before{content:"\eb18"}.xi-library-music:before{content:"\eb19"}.xi-library-video:before{content:"\eb1a"}.xi-movie:before{content:"\eb1b"}.xi-movie-o:before{content:"\eb1c"}.xi-pacman:before{content:"\eb1d"}.xi-radio:before{content:"\eb20"}.xi-repeat:before{content:"\eb25"}.xi-repeat-one:before{content:"\eb26"}.xi-shuffle:before{content:"\eb27"}.xi-timer:before{content:"\eb29"}.xi-timer-o:before{content:"\eb2a"}.xi-timer-off-o:before{content:"\eb2f"}.xi-timer-sand:before{content:"\eb30"}.xi-sandwatch-min:before{content:"\eb30"}.xi-timer-sand-o:before{content:"\eb31"}.xi-trending-flat:before{content:"\eb36"}.xi-trending-down:before{content:"\eb33"}.xi-decline:before{content:"\eb33"}.xi-trending-up:before{content:"\eb37"}.xi-rise:before{content:"\eb37"}.xi-tune:before{content:"\eb38"}.xi-map:before{content:"\eb22"}.xi-map-folding:before{content:"\eb22"}.xi-map-o:before{content:"\eb23"}.xi-my-location:before{content:"\eb5d"}.xi-location-arrow:before{content:"\eb58"}.xi-woman:before{content:"\ea2f"}.xi-man:before{content:"\ea30"}.xi-toilet:before{content:"\ea31"}.xi-pregnant-woman:before{content:"\eb61"}.xi-maternity:before{content:"\eb61"}.xi-walk:before{content:"\eb6d"}.xi-walking:before{content:"\eb6d"}.xi-run:before{content:"\eb63"}.xi-wheelchair:before{content:"\eb6e"}.xi-glass:before{content:"\eb28"}.xi-market:before{content:"\eb2b"}.xi-shopping-bag:before{content:"\eb2b"}.xi-pharmacy:before{content:"\eb2c"}.xi-laundry:before{content:"\eb2e"}.xi-florist:before{content:"\eb32"}.xi-hlz:before{content:"\eb34"}.xi-park:before{content:"\eb35"}.xi-airplane:before{content:"\eb3a"}.xi-all:before{content:"\eb3b"}.xi-flight-takeoff:before{content:"\eb3c"}.xi-flight:before{content:"\eb3c"}.xi-flight-land:before{content:"\eb3d"}.xi-bank:before{content:"\eb3e"}.xi-bank-o:before{content:"\eb3e"}.xi-beach:before{content:"\eb3f"}.xi-bicycle:before{content:"\eb40"}.xi-building:before{content:"\eb41"}.xi-bus:before{content:"\eb42"}.xi-business:before{content:"\eb43"}.xi-cafe:before{content:"\eb44"}.xi-cake:before{content:"\eb47"}.xi-car:before{content:"\eb48"}.xi-church:before{content:"\eb49"}.xi-city:before{content:"\eb4a"}.xi-compass:before{content:"\eb4b"}.xi-compass-o:before{content:"\eb4c"}.xi-convenience-store:before{content:"\eb4d"}.xi-directions:before{content:"\eb4e"}.xi-factory:before{content:"\eb4f"}.xi-fitness-center:before{content:"\eb50"}.xi-garden:before{content:"\eb51"}.xi-gas-station:before{content:"\eb52"}.xi-golf:before{content:"\eb53"}.xi-hand-pointing:before{content:"\eb54"}.xi-hospital:before{content:"\eb55"}.xi-hotel:before{content:"\eb56"}.xi-library:before{content:"\eb57"}.xi-maker:before{content:"\eb59"}.xi-marker-circle:before{content:"\eb59"}.xi-marker-plus:before{content:"\eb5b"}.xi-maker-drop:before{content:"\eb5f"}.xi-map-marker:before{content:"\eb5f"}.xi-marker-check:before{content:"\eb5a"}.xi-motorcycle:before{content:"\eb5c"}.xi-navigation:before{content:"\eb5e"}.xi-pool:before{content:"\eb60"}.xi-restaurant:before{content:"\eb62"}.xi-school:before{content:"\eb64"}.xi-ship:before{content:"\eb65"}.xi-spa:before{content:"\eb66"}.xi-stroller:before{content:"\eb67"}.xi-subway:before{content:"\eb68"}.xi-taxi:before{content:"\eb69"}.xi-theater:before{content:"\eb6a"}.xi-film:before{content:"\eb6a"}.xi-traffic:before{content:"\eb6b"}.xi-train:before{content:"\eb6c"}.xi-cart:before{content:"\eb6f"}.xi-cart-o:before{content:"\e9fb"}.xi-cart-add:before{content:"\e9fc"}.xi-cart-remove:before{content:"\e9fd"}.xi-basket:before{content:"\e9fe"}.xi-box:before{content:"\ea01"}.xi-fragile:before{content:"\ea02"}.xi-coupon:before{content:"\ea03"}.xi-shop:before{content:"\ea05"}.xi-gift:before{content:"\eb70"}.xi-present:before{content:"\eb70"}.xi-gift-o:before{content:"\ea3a"}.xi-exchange:before{content:"\ea53"}.xi-barter:before{content:"\ea53"}.xi-yuan:before{content:"\ea6e"}.xi-won:before{content:"\ea6f"}.xi-yen:before{content:"\ea70"}.xi-pound:before{content:"\ea71"}.xi-euro:before{content:"\ea72"}.xi-rial:before{content:"\ea73"}.xi-dollar:before{content:"\ea74"}.xi-peso:before{content:"\ea75"}.xi-rupee:before{content:"\ea76"}.xi-credit-card:before{content:"\ea77"}.xi-money:before{content:"\ea79"}.xi-piggy-bank:before{content:"\ea7a"}.xi-strongbox:before{content:"\ea7b"}.xi-briefcase:before{content:"\ea7c"}.xi-percent:before{content:"\ea7d"}.xi-calculator:before{content:"\ea7e"}.xi-medicine:before{content:"\eb2d"}.xi-receipt:before{content:"\eb71"}.xi-truck:before{content:"\eb72"}.xi-wallet:before{content:"\eb73"}.xi-file:before{content:"\ea94"}.xi-file-o:before{content:"\ea80"}.xi-file-add:before{content:"\ea95"}.xi-file-add-o:before{content:"\ea81"}.xi-file-remove:before{content:"\ea96"}.xi-file-remove-o:before{content:"\ea82"}.xi-file-text:before{content:"\ea97"}.xi-file-text-o:before{content:"\ea83"}.xi-documents:before{content:"\ea98"}.xi-stack-paper:before{content:"\ea98"}.xi-documents-o:before{content:"\ea84"}.xi-file-image:before{content:"\ea99"}.xi-file-image-o:before{content:"\ea85"}.xi-file-video:before{content:"\ea9a"}.xi-file-video-o:before{content:"\ea86"}.xi-file-music:before{content:"\ea9b"}.xi-file-music-o:before{content:"\ea87"}.xi-file-code:before{content:"\ea9c"}.xi-file-code-o:before{content:"\ea88"}.xi-file-zip:before{content:"\ea9d"}.xi-file-zip-o:before{content:"\ea89"}.xi-file-upload:before{content:"\ea9e"}.xi-file-upload-o:before{content:"\ea8a"}.xi-file-download:before{content:"\ea9f"}.xi-file-download-o:before{content:"\ea8b"}.xi-file-check:before{content:"\eaa0"}.xi-file-check-o:before{content:"\ea8c"}.xi-folder:before{content:"\eaa1"}.xi-folder-o:before{content:"\ea8d"}.xi-folder-open:before{content:"\eaa8"}.xi-folder-shared:before{content:"\eb7d"}.xi-folder-zip:before{content:"\eaa7"}.xi-folder-zip-o:before{content:"\ea93"}.xi-folder-add:before{content:"\eaa2"}.xi-folder-add-o:before{content:"\ea8e"}.xi-folder-remove:before{content:"\eaa3"}.xi-folder-remove-o:before{content:"\ea8f"}.xi-folder-check:before{content:"\eaa4"}.xi-folder-check-o:before{content:"\ea90"}.xi-folder-upload:before{content:"\eaa5"}.xi-folder-upload-o:before{content:"\ea91"}.xi-folder-download:before{content:"\eaa6"}.xi-folder-download-o:before{content:"\ea92"}.xi-attachment:before{content:"\eb74"}.xi-cloud:before{content:"\eb75"}.xi-cloud-o:before{content:"\eb78"}.xi-cloud-off:before{content:"\eb79"}.xi-cloud-upload:before{content:"\eb7a"}.xi-cloud-upload-o:before{content:"\eb7b"}.xi-cloud-download:before{content:"\eb76"}.xi-cloud-download-o:before{content:"\eb77"}.xi-upload:before{content:"\eb7e"}.xi-download:before{content:"\eb7c"}.xi-globus:before{content:"\e9d1"}.xi-browser:before{content:"\e9db"}.xi-browser-text:before{content:"\e9dc"}.xi-rss-square:before{content:"\e9e5"}.xi-central-signal:before{content:"\e9e7"}.xi-central-router:before{content:"\e9e8"}.xi-antenna:before{content:"\e9f6"}.xi-barcode:before{content:"\e9ff"}.xi-qr-code:before{content:"\ea00"}.xi-accessibility:before{content:"\eb7f"}.xi-branch:before{content:"\eb80"}.xi-fork:before{content:"\eb85"}.xi-code-fork:before{content:"\eb85"}.xi-pull-requests:before{content:"\eb92"}.xi-merge:before{content:"\eb8b"}.xi-log:before{content:"\eb8a"}.xi-bug:before{content:"\eb81"}.xi-cookie:before{content:"\eb82"}.xi-fingerprint:before{content:"\eb84"}.xi-css3:before{content:"\eb83"}.xi-html5:before{content:"\eb86"}.xi-javascript:before{content:"\eb87"}.xi-csharp:before{content:"\eb88"}.xi-php:before{content:"\eb91"}.xi-python:before{content:"\eb94"}.xi-milestone:before{content:"\eb8c"}.xi-network-company:before{content:"\eb8d"}.xi-network-folder:before{content:"\eb8e"}.xi-network-home:before{content:"\eb8f"}.xi-home-network:before{content:"\eb8f"}.xi-network-public:before{content:"\eb90"}.xi-cloud-network:before{content:"\eb90"}.xi-puzzle:before{content:"\eb93"}.xi-rss:before{content:"\eb95"}.xi-social-rssfeed:before{content:"\eb95"}.xi-server:before{content:"\eb96"}.xi-network-server:before{content:"\eb97"}.xi-sitemap:before{content:"\eb98"}.xi-sitemap-o:before{content:"\eb99"}.xi-spinner-1:before{content:"\ec33"}.xi-spinner-2:before{content:"\ec34"}.xi-spinner-3:before{content:"\ec35"}.xi-spinner-4:before{content:"\ec36"}.xi-spinner-5:before{content:"\ec37"}.xi-full-moon:before{content:"\eb0d"}.xi-fullmoon:before{content:"\eb0d"}.xi-half-moon:before{content:"\eb0e"}.xi-halfmoon:before{content:"\eb0e"}.xi-crescent:before{content:"\eb9b"}.xi-moon:before{content:"\eb0f"}.xi-night:before{content:"\eb10"}.xi-snow-crystal:before{content:"\eb15"}.xi-snow:before{content:"\eb15"}.xi-cloudy:before{content:"\eb9c"}.xi-fog:before{content:"\eb9d"}.xi-foggy:before{content:"\eb9e"}.xi-lightning:before{content:"\eb9f"}.xi-partly-cloudy:before{content:"\eba0"}.xi-pouring:before{content:"\eba1"}.xi-rain:before{content:"\eba1"}.xi-snowy:before{content:"\eba2"}.xi-heavy-snow:before{content:"\eba2"}.xi-sun:before{content:"\eba3"}.xi-sun-o:before{content:"\eba4"}.xi-sunset:before{content:"\eba5"}.xi-sunset-down:before{content:"\eba6"}.xi-sunset-up:before{content:"\eba7"}.xi-thermometer:before{content:"\eba8"}.xi-tint:before{content:"\eba9"}.xi-humidity:before{content:"\eba9"}.xi-tint-o:before{content:"\ebaa"}.xi-tornado:before{content:"\ebab"}.xi-umbrella:before{content:"\ebac"}.xi-umbrella-o:before{content:"\ebad"}.xi-windy:before{content:"\ebae"}.xi-wind:before{content:"\ebae"}.xi-windy-variant:before{content:"\ebaf"}.xi-windsock:before{content:"\eb13"}.xi-cc-cc:before{content:"\eaad"}.xi-cc-by:before{content:"\eaae"}.xi-cc-sa:before{content:"\eaaf"}.xi-cc-nd:before{content:"\eab0"}.xi-cc-nc:before{content:"\eab1"}.xi-cc-nc-eu:before{content:"\eab2"}.xi-cc-nc-jp:before{content:"\eab3"}.xi-cc-remix:before{content:"\eab4"}.xi-cc-pd:before{content:"\eab5"}.xi-cc-sampling:before{content:"\eab6"}.xi-cc-zero:before{content:"\eab7"}.xi-cc-share:before{content:"\eab8"}.xi-copyleft:before{content:"\ebb0"}.xi-copyright:before{content:"\ebb1"}.xi-registered:before{content:"\eaab"}.xi-trademark:before{content:"\eaac"}.xi-500px:before{content:"\ebb2"}.xi-adobe:before{content:"\ebb3"}.xi-amazon:before{content:"\ebb4"}.xi-android:before{content:"\ebb5"}.xi-apple:before{content:"\ebb6"}.xi-beats:before{content:"\ebb7"}.xi-behance:before{content:"\ebb8"}.xi-bing:before{content:"\ebb9"}.xi-bitbucket:before{content:"\ebba"}.xi-blackberry:before{content:"\ebbb"}.xi-blogger:before{content:"\ebbc"}.xi-cc-amex:before{content:"\ebbe"}.xi-cc-discover:before{content:"\ebbf"}.xi-cc-mastercard:before{content:"\ebc0"}.xi-cc-paypal:before{content:"\ebc1"}.xi-cc-stripe:before{content:"\ebc2"}.xi-cc-visa:before{content:"\ebc3"}.xi-chrome:before{content:"\ebc5"}.xi-codepen:before{content:"\ebc6"}.xi-connectdevelop:before{content:"\ebc7"}.xi-d2:before{content:"\ebc8"}.xi-dashcube:before{content:"\ebc9"}.xi-delicious:before{content:"\ebca"}.xi-deviantart:before{content:"\ebcb"}.xi-digg:before{content:"\ebcc"}.xi-disqus:before{content:"\ebcd"}.xi-dribbble:before{content:"\ebce"}.xi-dropbox:before{content:"\ebcf"}.xi-drupal:before{content:"\ebd0"}.xi-edge:before{content:"\ebd1"}.xi-evernote:before{content:"\ebd2"}.xi-facebook:before{content:"\ebd3"}.xi-facebook-messenger:before{content:"\ebd4"}.xi-facebook-official:before{content:"\ebd5"}.xi-feedly:before{content:"\ebd6"}.xi-firefox:before{content:"\ebd7"}.xi-flickr:before{content:"\eaca"}.xi-flickr-square:before{content:"\ebd8"}.xi-foursquare:before{content:"\ebd9"}.xi-ghost:before{content:"\ebda"}.xi-git:before{content:"\ebdb"}.xi-git-symbol:before{content:"\ebdc"}.xi-github:before{content:"\ebdd"}.xi-github-alt:before{content:"\ebde"}.xi-gmail:before{content:"\ebdf"}.xi-google:before{content:"\ebe0"}.xi-google-play:before{content:"\ebe1"}.xi-google-plus:before{content:"\ebe2"}.xi-google-wallet:before{content:"\ebe3"}.xi-gratipay:before{content:"\ebe4"}.xi-hangouts:before{content:"\ebe5"}.xi-hunie:before{content:"\ebe6"}.xi-illustrator:before{content:"\ebe7"}.xi-illustrator-circle:before{content:"\ebe8"}.xi-instagram:before{content:"\ebe9"}.xi-internet-explorer:before{content:"\ebea"}.xi-jira:before{content:"\ebeb"}.xi-joomla:before{content:"\ebec"}.xi-jsfiddle:before{content:"\ebed"}.xi-kakaostory:before{content:"\ebef"}.xi-kakaotalk:before{content:"\ebee"}.xi-kickstarter:before{content:"\ebf0"}.xi-laravel:before{content:"\eb89"}.xi-line:before{content:"\ebf1"}.xi-line-messenger:before{content:"\ebf2"}.xi-linkedin:before{content:"\ebf3"}.xi-linkedin-square:before{content:"\ebf4"}.xi-linux:before{content:"\ebf5"}.xi-magento:before{content:"\ebf6"}.xi-maxcdn:before{content:"\ebf7"}.xi-medium:before{content:"\ebf8"}.xi-naver:before{content:"\ebf9"}.xi-naver-square:before{content:"\ebfa"}.xi-office:before{content:"\ebfb"}.xi-opencart:before{content:"\ebfc"}.xi-opera:before{content:"\ebfd"}.xi-oscommerce:before{content:"\ebfe"}.xi-path:before{content:"\ebff"}.xi-paypal:before{content:"\ec00"}.xi-photoshop:before{content:"\ec01"}.xi-photoshop-circle:before{content:"\ec02"}.xi-pinterest:before{content:"\ec03"}.xi-pinterest-p:before{content:"\ec04"}.xi-pocket:before{content:"\ec05"}.xi-qq:before{content:"\ec06"}.xi-quicktime:before{content:"\ec07"}.xi-reddit:before{content:"\ec08"}.xi-renren:before{content:"\ec09"}.xi-safari:before{content:"\ec0a"}.xi-sellsy:before{content:"\ec0b"}.xi-silverstripe:before{content:"\ebbd"}.xi-simplybuilt:before{content:"\ec0c"}.xi-sketch:before{content:"\ec0d"}.xi-skype:before{content:"\ec0e"}.xi-slack:before{content:"\ec0f"}.xi-slideshare:before{content:"\ec10"}.xi-soundcloud:before{content:"\ec11"}.xi-spotify:before{content:"\ec12"}.xi-stack-exchange:before{content:"\ec13"}.xi-stack-overflow:before{content:"\ec14"}.xi-steam:before{content:"\ec15"}.xi-steam-square:before{content:"\ec16"}.xi-stumbleupon:before{content:"\ec17"}.xi-stumbleupon-circle:before{content:"\ec18"}.xi-telegram:before{content:"\ec19"}.xi-tencent-weibo:before{content:"\ec1a"}.xi-trello:before{content:"\ec1b"}.xi-tumblr:before{content:"\ec1c"}.xi-tumblr-square:before{content:"\ec1d"}.xi-twich:before{content:"\ec1e"}.xi-twitter:before{content:"\ec1f"}.xi-ubercart:before{content:"\ec20"}.xi-ubuntu:before{content:"\ec21"}.xi-ubuntu-circle:before{content:"\ec22"}.xi-vimeo:before{content:"\ec23"}.xi-vine:before{content:"\ec24"}.xi-vk:before{content:"\ec25"}.xi-wechat:before{content:"\ec26"}.xi-whatsapp:before{content:"\ec27"}.xi-wikipedia:before{content:"\ec28"}.xi-windows:before{content:"\ec29"}.xi-wordpress:before{content:"\ec2a"}.xi-wordpress-official:before{content:"\ec2b"}.xi-xe:before{content:"\ec2c"}.xi-xing:before{content:"\ec2d"}.xi-xpressengine:before{content:"\ec2e"}.xi-yahoo:before{content:"\ec2f"}.xi-yelp:before{content:"\ec30"}.xi-youtube:before{content:"\ec31"}.xi-youtube-play:before{content:"\ec32"}.xi-x{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.xi-2x{font-size:2em}.xi-3x{font-size:3em}.xi-4x{font-size:4em}.xi-5x{font-size:5em}.xi-spin{-webkit-animation:xi-spin 2s infinite linear;animation:xi-spin 2s infinite linear}@-webkit-keyframes xi-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes xi-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.xi-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.xi-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.xi-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);transform:rotate(270deg)}.xi-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);-webkit-transform:scale(-1,1);transform:scale(-1,1)}.xi-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:scale(1,-1);transform:scale(1,-1)}:root .xi-flip-horizontal,:root .xi-flip-vertical,:root .xi-rotate-180,:root .xi-rotate-270,:root .xi-rotate-90{-webkit-filter:none;filter:none}.xi-fw{width:1.28571em;text-align:center}.xi-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.xi-ul>li{position:relative}.xi-li{position:absolute;left:-2.14286em;width:2.14286em;top:.14286em;text-align:center}.xi-li.xi-lg{left:-1.85714em}.xi-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right;margin-right:.3em}.pull-left{float:left;margin-right:.3em} /* End */ /* Start:/local/templates/xray/css/editor/style.css?1710411408827*/ @charset "utf-8"; /* NAVER (developers@xpressengine.com) */ /* .xe_content{color:#000;font-size:12px;line-height:1.5} .xe_content blockquote.q1, .xe_content blockquote.q2, .xe_content blockquote.q3, .xe_content blockquote.q4, .xe_content blockquote.q5, .xe_content blockquote.q6, .xe_content blockquote.q7{padding:10px;margin:0 15px} .xe_content blockquote.q1{padding:0 10px;border-left:2px solid #ccc} .xe_content blockquote.q2{padding:0 10px;background:url(/local/templates/xray/css/editor/./img/bg_qmark.gif) no-repeat left top} .xe_content blockquote.q3{border:1px solid #d9d9d9} .xe_content blockquote.q4{border:1px solid #d9d9d9;background:#fbfbfb} .xe_content blockquote.q5{border:2px solid #707070} .xe_content blockquote.q6{border:1px dashed #707070} .xe_content blockquote.q7{border:1px dashed #707070;background:#fbfbfb} .xe_content p{margin:0} */ /* End */ /* Start:/local/templates/xray/css/editor/jquery.autocomplete.css?1710411408993*/ /** * @fileOverview CSS for jquery-autocomplete, the jQuery Autocompleter * @author Dylan Verheul * @license MIT | GPL | Apache 2.0, see LICENSE.txt * @see https://github.com/dyve/jquery-autocomplete */ .acResults { padding: 0px; border: 1px solid #ddd; color: #666666; background-color: White; overflow: hidden; z-index:2000; } .acResults ul { margin: 0px; padding: 0px; list-style-position: outside; list-style: none; } .acResults ul li { margin: 0px; padding: 5px 8px; cursor: pointer; display: block; font: menu; font-size: 12px; overflow: hidden; } .acLoading { background : url('/local/templates/xray/css/editor/indicator.gif') right center no-repeat; } .acSelect { background-color: #F5F5F5; color: #666666; } .acResults div { position:relative; text-align:right; border-top:1px solid #ddd; background:#f7f7f7; padding:5px; color:#666; } .acResults span:hover { cursor:pointer; text-decoration:underline; } .acResult span { cursor:pointer; } /* End */ /* Start:/local/templates/xray/template_styles.css?17104114084354*/ .bridge_sec .center_cnt.nodiv{ position:absolute!important; top: 50%; margin-top:140px!important; display: flex; } .form__success-title,.form__success-text{ color:#fff; } .itemcon{ display: flex; padding: 100px 0; } .bridge_sec .center_cnt.nodiv>div{ position:relative!important; top: 0!important; margin-top:0px!important; } .forms-contacts .h5-div { font-size: 50px; font-weight: 300!important; margin-top: 0; color: #FFF; } .adrsgb { margin-left: 60px; margin-top: 76px; } .arrow-top-3 { margin: 10px 10px; width: 30px; height: 30px; cursor: pointer; } .arrow-top-3 path { fill: #ffffff; transition: fill 0.5s ease-out; } .arrow-top-3 { transform: rotate(270deg); } .arrow-top-3:hover path { fill: #000; } .hilkosx .text-cons { margin: 0 0 13px; max-width: 426px; font-size: 50px; display: block; line-height: initial; } .hilkosx .tel-text-yo { margin: 0; max-width: 426px; display: block; line-height: initial; color: #FFFFFF; } .hilkosx .mailtoc { margin-top: 96px; max-width: 426px; font-size: 50px; display: block; line-height: initial; } .itemcon a { color: #FFFFFF; text-decoration: none; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; } .forms-contacts .ctyh { text-align: center; } .btnss { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .forms-contacts .btnss { padding: 13px 32px 13px 32px!important; line-height: inherit!important; margin-top: 10px!important; } .btnss { font-size: 14px; background-color: #ba220e; color: #fff; } .btnss:hover { background-color: #ec3237; } .align-items-center { align-items: center!important; } .d-flex { display: flex!important; } .forms-contacts .policy-ds { font-size: 12px; line-height: 17px; padding: 15px; text-align: initial; color:#FFFFFF; } .mb-4 { margin-bottom: 1.5rem!important; } .forms-contacts .mx-gutters-2 { display: flex; flex-wrap: wrap; } .col-lg-6 { width: 50%; } .col-lg-12 { width: 100%; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .forms-contacts .frosp { margin: 0px!important; padding: 5px!important; } .forms-contacts .form-control { padding: 5px 32px 5px 32px!important; } .input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .form-control { display: block!important; width: 100%!important; padding: 0.375rem 0.75rem!important; font-size: 1rem!important; font-weight: 300!important; line-height: 2.5!important; color: #212529!important; background-color: #fff!important; background-clip: padding-box!important; border: 1px solid #ced4da!important; -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; border-radius: 0.25rem!important; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important; } @media (max-width: 1023px){ .col-lg-6 { width: 100%; } .itemcon { display: block; margin-right: 30px; } } @media (max-width: 740px){ .itemcon { margin-left: 30px; } .adrsgb { margin-left: 0px; } .col-md-3 { -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important; } } @media all and (max-width: 500px) { .hilkosx .mailtoc{ font-size: 34px; } .hilkosx .text-cons { font-size: 34px; } } /* End */ /* /local/templates/xray/css/xe.css?17104114085516 */ /* /local/templates/xray/css/custom.css?17104114085421 */ /* /local/templates/xray/css/preset.css?17104114081644 */ /* /local/templates/xray/css/vatech_layout/layout.css?171041140833656 */ /* /local/templates/xray/css/style.css?171041140856147 */ /* /local/templates/xray/css/intro.css?17104114086213 */ /* /local/templates/xray/css/ui.css?17104114087574 */ /* /local/templates/xray/css/webfont_en.css?17104114081468 */ /* /local/templates/xray/css/vt_icon.css?17104114082188 */ /* /local/templates/xray/css/xeicon.min.css?171041140836195 */ /* /local/templates/xray/css/editor/style.css?1710411408827 */ /* /local/templates/xray/css/editor/jquery.autocomplete.css?1710411408993 */ /* /local/templates/xray/template_styles.css?17104114084354 */