@charset "utf-8";

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

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

@media (max-width: 1380px){
	.product_common_section .gallery_item {width: 33.33%;}
}

/* **************************************** *
 * 1280px
 * **************************************** */

@media (max-width: 1280px){
	/* 제품리스트 */
	.krst_product_item figure {width: auto; height: auto;}
}

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

@media (max-width: 1023px){
    .article.product .article_visual_title {font-size: 32px;}
	body.single-product .article_visual_title span {font-size: 32px;}
 	body.single-product .article_visual_title span.title:before {height: 24px; top: 5px; }

     /*제품상세*/
	.product_container h2.product_title {font-size:30px;}
	.product_container h2.product_title sup {font-size: 24px; margin-top: 0;}
    .product_common_section > div.title { width:23%;padding-right:2%;float:left;}
    .product_common_section > div.title h3 {font-size:22px; line-height: 1.4;}
	.product_common_section > div.content {width: 75%;float:left;}
	.product_common_section > div.content p br { display:none;}
	.product_common_section .gallery_list {margin: 0 -10px;}
	.product_common_section .gallery_item {padding: 0 10px;}
    .product_info_desc { padding:0 30px; font-size:16px;}
    .product_info_desc br { display:none;}
	.product_contact a {font-size:15px;}
	.product_btn_wrap a { min-width: 159px; }
}

/* **************************************** *
 * 940px
 * **************************************** */

@media (max-width: 940px){
	.product_common_section .cell_item { display: block; }
	.product_common_section .cell_item > * { display: block; width: auto; }
	.product_common_section .cell_item > .cell_item_img {display: inline-block;}
	.product_common_section .cell_item_content { padding-left: 0; padding-top: 20px; }

}

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

@media(max-width: 767px){
	.product_list .article_visual {height: 250px;}
	.article.product .article_visual {height: 250px;}
	.article.product .article_visual_title {font-size: 28px;}
	body.single-product .article_visual_title span {font-size: 28px;}
	body.single-product .article_visual_title span.title {padding-left: 40px;}
	body.single-product .article_visual_title span.title:before {height: 21px; top: 4px; left: 22px;}

	/* 제품상세 */
	.product_container h2.product_title {font-size:23px; margin-bottom:20px;}
	.product_container h2.product_title sup {font-size: 20px;}
	.product_info_section {margin-top: 40px;}
	.product_common_section {padding-bottom:80px;display:block;}
	.product_common_section > div.title { width:100%; padding:18px 20px 16px;display:block;text-align:center;float:none;}
	.product_common_section > div.title h3 { font-size:20px;}
	.product_common_section > div.title h3 > br {display: none;}
	.product_common_section > div.title h3 > br.keep_br {display: block;}
	.product_common_section > div.title h3 > br.small_screen_br {display: block;}
	.product_common_section > div.content { width:100%;padding-top:17px;display:block; float:none;}
	.product_common_section ol > li, .product_common_section ul > li { font-size:15px;line-height:1.67; }
	.product_common_section ol {margin-bottom:19px;}
	.product_common_section ol > li {padding-left: 24px;}
	.product_common_section ol > li:before {width:17px;height:17px;line-height:17px;top: 4px;}
	html.ios .product_common_section ol > li:before {top: 3px;}
	.product_common_section ul {margin-bottom:18px;}
	.product_common_section ul > li { padding-left:10px;}
	.product_common_section ul > li:before {top:11px;}
	.product_common_section ul.list_type_02 {margin-top: -17px;}
	.product_common_section ul.list_type_02 > li:before {top: 31px;}
	.product_common_section ul.list_type_02 > li a {padding: 20px 0; padding-right: 30px;}
	.product_common_section ul.list_type_02 > li span:before { content: '\e92f'; font-family: 'jt-font'; top: -6px; left: 10px; color: #B5121B; font-size: 18px; }
	html.android .product_common_section ul.list_type_02 > li span:before  {top:-6px;}
	.product_common_section ul.list_type_03 > li {margin-bottom: 4px;}
	.product_common_section ul.list_type_03 > li:before {top: 11px;}
	.product_common_section p {font-size:15px;line-height:1.67; margin-bottom: 14px;}
	.product_common_section figcaption { margin-top:10px;}
	.product_common_section .gallery_list {margin: 0 -5px;}
	.product_common_section .gallery_list:first-child {padding-top: 10px;}
	.product_common_section .gallery_item {padding: 0 5px;margin-bottom:30px;}
	.product_common_section .cell_item { display: table; }
	.product_common_section .cell_item > * { display: table-cell; width: auto; }
	.product_common_section .cell_item > .cell_item_img { width: 273px; }
	.product_common_section .cell_item > .cell_item_content { width: -webkit-calc(100% - 273px); width: calc(100% - 273px); padding-top: 15px; }
	.product_common_section .cell_item_content { padding-top: 10px; padding-left: 20px;}
	.product_common_section .multi_list .list_title { padding-bottom: 6px; padding-left: 10px; line-height: 1.67; font-size: 15px;}
	.product_common_section .multi_list_item > p {margin-top: 0;}
	.product_common_section .multi_list .list_title:before {top: 10px;}
	.product_common_section .multi_list .list_title.type_01 + ul { padding-left: 10px; }
	.product_common_section .multi_list .list_title.type_02 { font-size: 18px; padding-bottom: 15px; padding-left:35px; line-height:1.4}
	.product_common_section .multi_list .list_title.type_02:before {width: 25px; height: 25px; line-height:25px;font-size:14px;}
	.product_common_section .multi_list .list_title.type_02 + .cell_list {margin-top: -2px;}
	.product_common_section .multi_list .list_title.type_02 + h5 {margin-top: 0;}
	.product_common_section .multi_list .list_title.type_03 { font-size: 18px; padding-bottom: 15px; line-height:1.4}
	.product_common_section .multi_list_item > ul { margin-top: 0; margin-bottom: 20px; }
	.product_common_section .multi_list.type_02 .multi_list_item {padding: 30px 0;}
	.product_common_section .cell_item_content b { font-size: 15px; }
	.product_common_section br {display: none;}
	.product_common_section small br {display: block;}
	.product_common_section br.small_screen_br {display: block;}

	.product_common_section p.product_contact { margin-top: 10px; margin-bottom: 20px; }
	.product_common_section.product_inquiry .content { text-align: center; }

	html.ios .product_common_section ul > li:before {top: 10px;}
	html.ios .product_common_section ul.list_type_02 > li:before {top: 30px;}

	.product_info { padding-bottom:80px;}
	.product_info figure {margin-bottom: 0;}
	.product_info_desc {margin-top:19px;font-size:15px;line-height:1.67;letter-spacing:-0.025em;}
	.product_contact {margin-top:19px;margin-bottom:20px;}
	.product_contact a {font-size:14px;}
	.product_btn_wrap a { min-width: 140px; }
	

	/* 제품리스트 */
	.krst_product_tabs_wrap { margin-top: -16px; }
	.krst_product_tab { overflow-y: hidden; overflow-x: auto; white-space: nowrap; margin-left: -30px; margin-right: -30px;}
	.krst_product_tab > li > a { padding: 16px 19px 15px; }
	.krst_product_list { margin: -10px; margin-top: 15px;}
	.krst_product_item { width: -webkit-calc(50% - 20px); width: calc(50% - 20px); margin: 16px 10px; }
	.krst_product_item p {white-space: normal; margin-top: 12px; font-size: 15px; line-height: 1.3}

 }

@media(max-width: 640px){
	.product_common_section .cell_item { display: block; }
	.product_common_section .cell_item > * { display: block; width: auto; }
	.product_common_section .cell_item > .cell_item_img {display: inline-block;}
	.product_common_section .cell_item > .cell_item_content {width: auto;}
	.product_common_section .cell_item_content { padding-left: 0; padding-top: 20px; }
}

@media(max-width: 540px){
	.product_list .article_visual {height: 200px;}
	.article.product .article_visual {height: 200px;}
	.article.product .article_visual_title {font-size: 25px;}
	body.single-product .article_visual_title span {font-size: 25px;}
	body.single-product .article_visual_title span.title { padding-left: 0; font-size:15px; display: block; margin-top: 10px; }
	body.single-product .article_visual_title span.title:before {display: none;}

	/* 제품상세 */
	.product_container h2.product_title {}

	.product_info { padding-bottom:30px;}
	.product_info_desc { padding:0;}
	.product_info_desc {padding: 0 6%;}
	.product_contact a.tel {margin-right: 15px;}
	.product_contact a.tel span {margin-right:4px;}
	.product_btn_wrap {margin: 0 -5px;}
	.product_btn_wrap a { min-width: 100px; margin: 0 5px; padding:15px 15px 13px; font-size: 13px;}
	html.android .product_btn_wrap a { padding:14px 15px 14px;}
	.product_common_section { padding-bottom: 60px;}
	.product_common_section .gallery_list { margin-bottom: 16px; }
	.product_common_section .gallery_item {margin-bottom:20px;}
	.product_common_section .gallery_item span.num {width:26px;height:26px;line-height:26px;left: 5px;}
	.product_common_section .gallery_list.type_02 .gallery_item { width:50%;}
	.product_common_section .multi_list .list_title.type_02 {font-size:16px; padding-left:30px;}
	.product_common_section .multi_list .list_title.type_02:before {width: 22px; height: 22px; line-height: 22px; font-size: 12px;}
	.product_common_section .multi_list .list_title.type_03 {font-size:16px; }

	/* 제품리스트 */
	.krst_product_tab {margin-left: -15px; margin-right: -15px; padding: 0 15px;}

 }

@media(max-width: 380px){
	.product_common_section .gallery_list {text-align: center;}
	.product_common_section .gallery_item { width: auto; }
	.product_common_section .gallery_list.type_02 .gallery_item {width: 283px;}
	.product_common_section .gallery_list.type_02 + figure {width: 273px; margin-left: auto; margin-right: auto;}
	.product_common_section .gallery_list.type_02 + figure + figcaption {width: 273px; margin-left: auto; margin-right: auto;}

	.product_btn_wrap a {min-width: 30%;}
 }