@charset "utf-8";

/*
 * File       : sub-technology.css
 * Author     : STUDIO-JT (HEE)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1)
 */

/* **************************************** *
 * 인증 및 특허
 * **************************************** */
.article.certification .article_visual_bg { background-image: url(../images/sub/visual/certification-visual-bg.jpg) }

.certification_list { font-size: 0; width: 100%; margin-bottom: -60px;}
.certification_link { cursor: zoom-in; -webkit-cursor: -webkit-zoom-in; max-width: 211px; margin: 0 auto; display: block; }
html.android .certification_link {outline:none;}
.certification_item { text-align: center; display: inline-block; width: 22.75%; margin-right: 3%; margin-bottom: 60px; vertical-align: top;}
.certification_item:nth-child(4n) { margin-right: 0; }
.certification_item figure { position: relative; }
.certification_item figure:after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-shadow: 0 0 0 1px #eee; -webkit-box-shadow: 0 0 0 1px #eee; }
.certification_date { font-size: 15px; color:#B5121B;  font-weight: 700; line-height: 1.75; border-bottom:1px solid  #B5121B; display: inline-block; margin-top: 28px; }
.certification_title { font-size: 18px; color: #222; letter-spacing: -0.025em; margin-top: 10px; }


.certification_container {margin-top: -16px;}
.certification_container .jt_list_nothing_found {border-top: 0;}
.certification_container div#certification_ctf,
.certification_container div#certification_patent {padding-top: 60px;}
.certification_container .tabs_panels > div {/* padding-top: 60px; */}
.certification_tab {font-size: 0; text-align: center; border-bottom: 1px solid #ddd;}
.certification_tab > li {display: inline-block;position: relative;}
.certification_tab > li.active > a { color:#B5121B }
.certification_tab > li.active:after { content: ''; display: block; width: 100%; height: 4px; background:#B5121B; position: absolute; bottom: -1px; left: 0; }
.certification_tab > li > a {display: block;font-family:'Gotham', 'NotoSansKR', sans-serif;font-size: 16px;font-weight: 500;color: #222;line-height: 1.12;padding: 30px 20px 29px;}


/* **************************************** *
 * 제휴업체
 * **************************************** */
.article.affiliate .article_visual_bg { background-image: url(../images/sub/visual/affiliate-visual-bg.jpg) }

.affiliate_global { margin-bottom: 180px; }
.affiliate_global h2 {font-size: 50px; text-align: center; letter-spacing: 0.51em; color: #222; font-family: 'Gotham', 'NotoSansKR', sans-serif; font-weight: 600; line-height: 1.2; padding-left: 0.51em; display: block; margin-bottom: 50px;}
.affiliate_section { display: table; margin-bottom:180px; }
.affiliate_section:last-child {margin-bottom:0;}
.affiliate_section:nth-child(odd) .affiliate_content { padding-left: 102px;}
.affiliate_section:nth-child(even) .affiliate_content { width: 51.9%; padding-right: 106px;}
.affiliate_section:nth-child(even) .affiliate_img { width: 48.1%;}
.affiliate_img { display: table-cell; vertical-align: middle; }
.affiliate_content {width:60%;display: table-cell; vertical-align: middle;}
.affiliate_content h2 {font-size: 35px;font-weight: 100;color: #222;line-height: 1.4;letter-spacing:-0.025em;margin-bottom: 22px;}
.affiliate_content h2 span { display: block; margin-top: 4px; }
.affiliate_content p {line-height: 1.85; letter-spacing: -0.025em;}
.affiliate_content p + p {margin-top: 9px;}
.affiliate_content b {display: inline-block; font-size: 20px; line-height: 1.7; margin-top: 25px; font-weight: 500; }

.site_link_btn {margin-top: 32px;padding: 21px 20px 20px;min-width: 210px;font-size: 15px;font-weight:600;}
.site_link_btn span { padding-right: 30px; position: relative; }
.site_link_btn span:after {content: '\e930';font-family: 'jt-font';font-weight: normal; font-size: 18px;position: absolute;top: -1px;right: 0;}



/* **************************************** *
 * 고객사
 * **************************************** */
.article.client .article_visual_bg {background-image: url(../images/sub/visual/client-visual-bg.jpg);}

.client_container {margin-top: -16px;}
.client_tab {font-size: 0; text-align: center; border-bottom: 1px solid #ddd;}
.client_tab > li {display: inline-block;position: relative;}
.client_tab > li.active > a { color:#B5121B }
.client_tab > li.active:after { content: ''; display: block; width: 100%; height: 4px; background:#B5121B; position: absolute; bottom: -1px; left: 0; }
.client_tab > li > a {display: block;font-family:'Gotham', 'NotoSansKR', sans-serif;font-size: 16px;font-weight: 500;color: #222;line-height: 1.12;padding: 30px 20px 29px;}
.client_list { font-size: 0; margin: -17px -12.5px; padding-top: 60px; }
.client_item { display: inline-block; width: -webkit-calc(20% - 25px); width: calc(20% - 25px); margin: 17px 12.5px; vertical-align: top; }
.client_item > .client_item_link {display: block; position: relative; /* cursor: auto; pointer-events: none; */}
.client_item > .client_item_link:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: 0 0 0 1px #ddd; -webkit-box-shadow: 0 0 0 1px #ddd; }
.client_item > .client_item_link:after { content: ''; display: block; width: 100%; height: 100%; box-shadow: 0 0 1px 0 #B5121B; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 300ms; -webkit-transition: opacity 300ms; }
.client_item > .client_item_link:hover:after { opacity: 0; }
.client_item > .client_item_title {font-size: 15px; margin-top: 8px; text-align: center;}


/* customer (고객사 part2) */
.page-template-customer .client_container {margin-top: 0;}


.client_section_list { margin: 0 -11px; font-size: 0; }
.client_section_list_row { display: inline-block; padding: 0 11px; vertical-align: top; width: 20%; position: relative; padding-bottom: 34px; }
.client_section_list_row:before {content: '';display: block;width: 1px;height: 100%;background: #eee;position: absolute;top: 0;left: 0;}
.client_section_list_row:first-child:before { display: none; }
.client_section_item + .client_section_item { margin-top: 74px; }

.client_section_head {text-align: center; background: #f5f5f5;}
.client_section_head strong { font-size: 18px; font-weight: 700; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
.client_section_content { padding-top: 42px; }

.client_txt_list { margin-top: 38px; }
.client_txt_list:first-child { margin-top: 0; }
.client_txt_list > li { padding-left: 14px; position: relative; }
.client_txt_list > li:before {content: '';display: block;width: 3px;height: 3px;background: #B5121B;border-radius: 50%;position: absolute;top: 11px;left: 0;}
.client_txt_list > li b {font-size: 16px;font-weight: 600;color: #222;line-height: 1.6;}

.client_txt_list > li > ul { margin-top: 16px; }
.client_txt_list > li > ul > li {font-size: 14px;font-weight: 400;color: #666;letter-spacing: -0.025em;position: relative;padding-left: 7px;line-height: 1.6;margin-bottom: 8px;}
.client_txt_list > li > ul > li:last-child {margin-bottom: 0;}
.client_txt_list > li > ul > li:before {content: '';display: block;width: 5px;height: 1px;background: #666;position: absolute;top: 12px;left: 0;}

.client_img_list li { margin-top: 38px; }
.client_img_list li:first-child {margin-top: 0;}
.client_img_list li figure { text-align: center; }

.client_section_list_row.client_type_img .client_section_head { background: #f5f5f5; width: 100%; height: auto; padding-top: 44.15%; text-align: center; display: block; position: relative; }
.client_section_list_row.client_type_img .client_section_content {padding-top: 48px;}