@charset "utf-8";

/*
 * File       : c-sub.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 1) product
 */



/* **************************************** *
 * product
 * **************************************** */
body.sub_product_page_c .main_container {width: auto;margin: 24px 24px 0;}
body.sub_product_page_c #header {top: 24px;}
body.sub_product_page_c .menu_btn_line {background: #63656a;}

body.sub_product_page_c #header.minimize {top: 0;background: rgba(255, 255, 255, .9);height: 100px;box-shadow: 0 1px 3px rgba(0, 0, 0, .12);}
body.sub_product_page_c #header.minimize #logo {top: 28px;}
body.sub_product_page_c #header.minimize .header_back_list {top: 40px;}
body.sub_product_page_c #header.minimize .header_menu_btn {top: 25px;}

@media (max-width: 1920px) {
    body.sub_product_page_c .main_container .wrap {padding: 0 116px;}
}

/* first */
.sub_prod_first {padding: 205px 0 146px;margin-bottom: 2px;background: #edf4e3;}

.sub_prod_data {position: relative;}
.sub_prod_data:after {content: '';display: table;clear: both;}
.sub_prod_data_thumb {display: block;position: absolute;top: 50%;margin-top: -120px;left: 0;}
.sub_prod_data_inner {float: right;}
.sub_prod_data_inner > img {float: right;display: block;margin-right: 94px;}
.sub_prod_data_meta {float: right;width: 565px;padding-top: 76px;}
.sub_prod_data_meta > span {display: block;font-size: 16px;font-weight: 500;color: #000;}
.sub_prod_data_meta > span > i {padding-right: 13px;font-style: normal;}
.sub_prod_data_meta > h2 {margin-left: -1px;padding: 54px 0 16px;font-size: 32px;font-weight: 600;letter-spacing: 0.027em;color: #000;}
.sub_prod_data_meta > em {display: block;padding-bottom: 25px;margin-bottom: 27px;font-size: 18px;font-weight: 500;line-height: 1.5;color: #000;border-bottom: 2px solid #222;}
.sub_prod_data_meta > p {font-size: 16px;font-weight: 500;line-height: 1.87;color: #000;}
.sub_prod_data_meta > a {display: block;width: 220px;height: 60px;margin-top: 72px;font-size: 18px;font-weight: 600;line-height: 59px;text-align: center;color: #000;border: 2px solid #000;transition: background 280ms, color 300ms;}
.sub_prod_data_meta > a:hover {background: #000;color: #fff;}

.sub_prod_ingredients {padding: 164px 0 185px;}
.sub_prod_ingredients:after {content: '';display: table;clear: both;}
.sub_prod_ingredients > b {float: left;padding-top: 67px;font-size: 16px;font-weight: 600;letter-spacing: 0.05em;color: #000;opacity: 0.5;}
.sub_prod_ingredients ul {float: right;width: 1308px;}
.sub_prod_ingredients ul > li {float: left;width: 33.33%;}
.sub_prod_ingredients img {display: block;}
.sub_prod_ingredients_txt {max-width: 330px;padding-left: 20px;margin-top: 39px;border-left: 1px solid #d5e2d1;}
.sub_prod_ingredients_txt b {margin-left: -1px;display: block;margin-bottom: 20px;font-size: 18px;font-weight: 600;color: #000;}
.sub_prod_ingredients_txt p {font-size: 16px;line-height: 1.5;font-weight: 400;color: #000;}
.sub_prod_ingredients li:nth-child(1) {width: 36%;}
.sub_prod_ingredients li:nth-child(1) img {margin-left: -7px;}
.sub_prod_ingredients li:nth-child(2) {width: 35.5%;}
.sub_prod_ingredients li:nth-child(2) img {margin-left: 21px;}
.sub_prod_ingredients li:nth-child(3) {width: 28.5%;}
.sub_prod_ingredients li:nth-child(3) img {margin-left: 61px;}

.sub_prod_slide_wrap {position: relative;width: 100%;max-width: 1638px;margin: 0 auto;}
.sub_prod_slide {width: 100%;position: relative;z-index: 1;}
.sub_prod_slide_item img {display: block;max-width: 100%;height: auto;}
.prod_slide_progress {display: block;position: relative;width: 100%;height: 2px;background: #d5e2d1;}
.prod_slide_progress_bar {display: block;width: 0;height: 2px;position: absolute;left: 0;top: 0;background: #003f2e;}

.sub_prod_detail {margin: 112px 0 194px;}
.sub_prod_detail:after {content: '';display: table;clear: both;}
.sub_prod_detail > div {float: left;}
.sub_prod_detail p {margin-bottom: 23px;font-size: 16px;font-weight: 300;line-height: 1.5;letter-spacing: 0.02em;color: #000;}
.sub_prod_detail p:last-child {margin-bottom: 0;}
.sub_prod_detail p > b {font-weight: 500;}
.sub_prod_detail_01 {width: 469px;}
.sub_prod_detail_01 b {display: block;font-size: 27px;font-weight: 600;line-height: 1.33;letter-spacing: 0.03em;color: #000;}
.sub_prod_detail_02 {width: 480px;}
.sub_prod_detail_03 {width: calc(100% - 959px);padding-left: 124px;padding-right: 70px;}

.sub_prod_use:after {content: '';display: table;clear: both;}
.sub_prod_use > b {float: left;font-size: 16px;font-weight: 600;letter-spacing: 0.05em;color: #000;opacity: 0.5;}
.sub_prod_use_txt {float: right;width: 1292px;}
.sub_prod_use_txt > p {padding-bottom: 16px;font-size: 16px;font-weight: 500;color: #000;}
.sub_prod_use_txt > p:last-child {padding-bottom: 0;}

/* second */
.sub_prod_second {padding-top: 110px;background: #fff;}
.sub_prod_second b {float: left;font-size: 16px;font-weight: 600;letter-spacing: 0.05em;color: #000;opacity: 0.5;padding-top: 23px;}
.sub_prod_second img {display: block;padding-left: 326px;}