@charset "utf-8";

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

/* **************************************** *
 * 1380px
 * **************************************** */

@media(max-width: 1380px){
	/* 제휴업체 */
	.affiliate_global h2 {font-size: 40px;}
	.affiliate_section:nth-child(odd) .affiliate_content { padding-left: 6%;} 
    .affiliate_section:nth-child(even) .affiliate_content { padding-right: 6%;}
	.affiliate_content p br {display: none;}
}

/* **************************************** *
 * 1200px
 * **************************************** */

@media(max-width: 1200px){
	/* 인증 및 특허 */
	.certification_list { margin-left: -1.5%; margin-right: -1.5%; width: 103%; }
	.certification_item { width: 25%; margin-right: 0; padding: 0 1.5%;}
	
}

/* **************************************** *
 * 1023px
 * **************************************** */

@media(max-width: 1023px){
	/* 인증 및 특허 */
	.certification_tab > li > a { padding: 26px 20px 25px; }
	.certification_container div#certification_ctf, 
	.certification_container div#certification_patent {padding-top: 40px;}
	.certification_list { margin-left: -15px; margin-right: -15px; width: -webkit-calc(100% + 30px); width: calc(100% + 30px); }
	.certification_item { width: 33.33%; padding: 0 15px; }

	/* 제휴업체 */
	.affiliate_global {margin-bottom: 120px;}
	.affiliate_global h2 {font-size: 32px; margin-bottom: 34px;}
	.affiliate_section {margin-bottom: 120px;}
	.affiliate_content h2 { font-size: 30px; margin-bottom: 20px;}
	.affiliate_content h2 span { width: 230px; margin-bottom: -10px;}
	.affiliate_content h2 span svg { max-width: 100%; }

	/* 고객사 */
	.client_tab > li > a { padding: 26px 20px 25px; }
	.client_list { margin:  -10px; padding-top: 40px;}
	.client_item {width: -webkit-calc(20% - 20px);width: calc(20% - 20px); margin: 10px;}

	.client_section_list_row {width: 33.33%;}
	.client_section_list_row:nth-last-child(-n+2) {margin-top: 60px;}
	.client_section_list_row.client_type_txt + .client_section_list_row.client_type_img:before {display: none;}
	.client_section_item + .client_section_item { margin-top: 60px; }
	.client_section_head { height: 70px; }
	.client_section_head img { max-height: 100%; width: auto;}
	.client_section_head strong {font-size: 16px; }
	.client_section_content { padding-top: 32px; }
	.client_txt_list { margin-top: 32px; }
	.client_txt_list > li > ul { margin-top: 10px; }
	.client_txt_list > li > ul > li:before {top: 10px;}
	.client_section_list_row.client_type_img .client_section_head {height: 70px; padding-top: 0;}
	.client_section_list_row.client_type_img .client_section_content { padding-top: 38px; }


}

/* **************************************** *
 * 768px
 * **************************************** */

@media(max-width: 768px){
	/* 제휴업체 */
	.affiliate_global h2 {letter-spacing: 0.5em; padding-left: 0.5em;}
	.affiliate_section h2 {font-weight: 400}

	/* 고객사 */
	.client_item > .client_item_title {font-size: 14px; margin-top: 6px;}

	.client_section_head strong {font-size: 15px;}
	.client_txt_list > li {padding-left: 10px;}
	.client_txt_list > li:before {top: 10px;}
	.client_txt_list > li b {font-size: 15px;}
	.client_txt_list > li > ul > li {font-size: 13px;}
	.client_txt_list > li > ul > li:before {top: 9px;}
	html.ios .client_txt_list > li:before {top: 9px;}
	html.ios .client_txt_list > li > ul > li:before {top: 8px;}

}

/* **************************************** *
 * 767px
 * **************************************** */

@media(max-width: 767px){
	/* 인증 및 특허 */
	.certification_tab { overflow-y: hidden; overflow-x: auto; white-space: nowrap; margin-left: -30px; margin-right: -30px; }
	.certification_tab > li > a { padding: 16px 19px 15px; font-size: 15px; }
	.certification_list {margin-bottom: -30px}
	.certification_item { width: 50%; margin-bottom: 30px;}
	.certification_date { font-size: 14px; margin-top: 20px; }
	.certification_title { font-size: 18px; margin-top: 9px;}

	/* 제휴업체 */
	.affiliate_global {margin-bottom: 80px;}
	.affiliate_global h2 {font-size: 26px; margin-bottom: 22px;}
	.affiliate_section {margin-bottom:80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.affiliate_img {display: block;width: 100%;height: 0;padding-top: 53%;position: relative;overflow: hidden;-ms-flex-order: 1;-webkit-order: 1;-webkit-box-ordinal-group: 2;order: 1;}
	.affiliate_img img { width: 100%; position: absolute; top: -40%;}
	.affiliate_content { display: block; width: 100%; -ms-flex-order: 2; -webkit-order: 2; -webkit-box-ordinal-group: 3; order: 2; padding-top: 22px; }
	.affiliate_content h2 { font-size: 24px; margin-bottom: 10px;}
	.affiliate_content h2 span {width: 180px; margin-top: -2px;}
	.affiliate_content p { font-size:15px;line-height: 1.6; }
	.affiliate_content b {font-size: 18px; margin-top: 22px;}
	.affiliate_section:nth-child(odd) .affiliate_content { padding-left: 0;} 
    .affiliate_section:nth-child(even) .affiliate_content { padding-right: 0; width: 100%; }
	.affiliate_section:nth-child(even) .affiliate_img {width: 100%;}
    .site_link_btn {margin-top:20px;}

	/* 고객사 */
	.client_tab { overflow-y: hidden; overflow-x: auto; white-space: nowrap; margin-left: -30px; margin-right: -30px; }
	.client_tab > li > a { padding: 16px 19px 15px; font-size: 15px; }
	.client_list {margin: -10px -8px; padding-top: 40px;}
	.client_item {width: -webkit-calc(25% - 16px);width: calc(25% - 16px); margin: 10px 8px;}

}

/* **************************************** *
 * 540px
 * **************************************** */

@media(max-width: 540px){
	/* 인증 및 특허 */
	.certification_tab { margin-left: -15px; margin-right: -15px; }
	.certification_tab > li > a {font-size: 14px;}
	.certification_container div#certification_ctf, 
	.certification_container div#certification_patent {padding-top: 30px;}
	.certification_list { margin-left: -7.5px; margin-right: -7.5px; width: -webkit-calc(100% + 15px); width: calc(100% + 15px); }
	.certification_item { width: 50%; padding: 0 7.5px; }
	.certification_date { font-size: 13px; margin-top: 12px;}
	.certification_title { font-size: 16px; margin-top: 7px; }

	/* 제휴업체 */
	.affiliate_global {margin-bottom: 50px;}
	.affiliate_global h2 {font-size: 19px;}
	.affiliate_section {margin-bottom:50px;}
	.affiliate_section h2 {font-size: 22px;}
	.affiliate_section p {font-size: 15px;}
	.affiliate_section b {font-size: 16px; margin-top: 16px;}
	.affiliate_content h2 span {width: 170px;}
	.site_link_btn {min-width: 180px; padding: 17px 16px;}
	.site_link_btn span:after { font-size: 16px; }
	html.ios .site_link_btn span:after {top:0}

	/* 고객사 */
	.client_tab { margin-left: -15px; margin-right: -15px; }
	.client_tab > li > a {font-size: 14px;}
	.client_list {margin: -8px -5px; padding-top: 30px;}
	.client_item {width: -webkit-calc(33.33% - 10px);width: calc(33.33% - 10px); margin: 8px 5px;}
	.client_item > .client_item_title {font-size: 13px; margin-top: 4px;}

	.client_section_list { margin: 0; }
	.client_section_list_row { width: 100%; padding: 0; height: auto !important; }
	.client_section_list_row:before { display: none; }
	.client_section_list_row:nth-last-child(-n+2) {margin-top: 0;}
	.client_section_item + .client_section_item { margin-top: 0; }
	.client_section_head {height: 55px;}
	.client_section_content { padding-top: 25px; padding-bottom: 60px; }
	.client_txt_list { display: inline-block; vertical-align: top; width: 48%; margin-right: 4%; }
	.client_txt_list:nth-child(-n+2) {margin-top: 0;}
	.client_txt_list:nth-child(2n) {margin-right: 0;}
	.client_img_list li { margin-top: 30px; width: 50%; display: inline-block; vertical-align: middle; }
	.client_img_list li:nth-child(-n+2) {margin-top: 0;}
	.client_section_list_row.client_type_img .client_section_head {height: 55px;}
	.client_section_list_row.client_type_img .client_section_content {padding-top: 30px;}
	.client_section_list_row.client_type_img:last-child .client_section_content {padding-bottom: 0;}
}