@charset "utf-8";

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



/* **************************************** *
 * product
 * **************************************** */
body.sub_product_page .main_container {padding-bottom: 325px;}

.prod_sticky_btn {width: 220px;height: 47px;padding: 0 20px;position: absolute;right: 580px;top: 60px;background: var(--color-primary);border: 1px solid var(--color-primary);border-radius: 30px;opacity: 0;transition: opacity 60ms, background 300ms;}
.prod_sticky_btn > span {display: inline-block;position: relative;font-size: 16px;font-weight: 300;letter-spacing: 0.05em;line-height: 45px;color: #fff;transition: color 300ms;}
.prod_sticky_btn > span:after {position: absolute;right: -47px;top: 0;font-family: 'jt-font';content: '\e907';font-size: 15px;line-height: 46px;font-weight: normal;}
.prod_sticky_btn:hover {background: #fff;}
.prod_sticky_btn:hover > span {color: var(--color-primary);}
#header.minimize .prod_sticky_btn {top: 28px;}
body.product_btn_fixed .prod_sticky_btn {transition: opacity 150ms, background 300ms;opacity: 1;}

.product_pic {position: fixed;z-index: -1;}
.product_pic img {display: block;max-width: 100%;height: auto;}
.product_pic_01 {top: 179px;right: 80px;}
.product_pic_02 {top: 754px;left: 271px;}
.product_pic.absolute {position: absolute;}
.product_pic_01.absolute {right: 0 !important;top: inherit;bottom: 594px;}
.product_pic_02.absolute {left: 191px !important;top: inherit;bottom: 227px;}

.product_intro {position: relative;}
.product_intro:after {content: '';display: table;clear: both;}

.product_intro_slider_wrap {width: 729px;position: fixed;top: 164px;left: 80px;}
.product_intro_slider_wrap.absolute {position: absolute;top: auto;bottom: 0;left: 76px !important;}
.product_intro_slider {width: 480px;margin-left: auto;position: relative;}
.product_intro_slider figure {display: none;}
.product_intro_slider figure:first-child {display: block;}
.product_intro_slider figure img {display: block;max-width: 100%;height: auto;}

.product_intro_slider_wrap .cycle_pager {width: 19px;left: 0;bottom: auto;top: 50%;transform: translateY(-50%);}
.product_intro_slider_wrap .cycle_pager li {margin: 4px 0;}
.product_intro_slider_wrap .cycle_pager li span {background: var(--color-primary);}
.product_intro_slider_wrap .cycle_pager li.cycle-pager-active:after {border-color: var(--color-primary);}

.product_intro_data {float: right;width: 610px;margin-right: 190px;}

.product_intro_data_first {padding-top: 56px;}
.product_intro_tag {font-size: 0;}
.product_intro_tag > a {display: inline-block;margin-right: 21px;font-size: 14px;font-weight: 600;letter-spacing: 0.05em;color: #ccc;transition: color 300ms;}
.product_intro_tag > a:hover {color: #222;}
.product_intro_data_first > h2 {padding: 20px 0 14px;margin-left: -0.1em;font-size: 40px;font-weight: 400;letter-spacing: 0.05em;color: #222;}
.product_intro_data_first > p {font-size: 16px;font-weight: 300;letter-spacing: 0.05em;line-height: 1.63;color: #666;}
.product_intro_data_first > span {display: block;padding: 39px 0 80px;font-size: 16px;font-weight: 300;letter-spacing: 0.05em;color: #666;}
.product_intro_data_first > span > b {font-weight: 300;color: #222;}
.product_intro_data_first .share {padding-top: 128px;font-size: 0;}
.product_intro_data_first .share > b {display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 600;letter-spacing: 0.2em;color: #222;}
.product_intro_data_first .share > a {display: inline-block;vertical-align: middle;position: relative;margin: 0 14px;padding: 4px 0;font-size: 12px;font-weight: 400;letter-spacing: 0.2em;color: #666;}
.product_intro_data_first .share > a:after {content: '';display: block;width: 0;height: 1px;position: absolute;left: 0;bottom: 0;background: #d1d1d1;transition: width 0.4s;}
.product_intro_data_first .share > a:hover:after {width: 100%;}

.product_sticky_btn_original {transition: opacity 200ms;}
body.product_btn_fixed .product_sticky_btn_original {opacity: 0;transition: opacity 150ms;}

.product_intro_data_second {padding-top: 204px;}
.accordian_group {border-bottom: 1px solid #ddd;}
.accordian_group_title {display: block;padding: 22px 0;position: relative;font-size: 28px;font-weight: 400;letter-spacing: 0.05em;color: #222;cursor: pointer;}
.accordian_group_title > i {display: block;width: 40px;height: 40px;position: absolute;right: 0;top: 50%;margin-top: -20px;font-size: 0;border: 1px solid #dedede;border-radius: 50%;box-sizing: border-box;transition: .4s;}
.accordian_group_title > i:before, .accordian_group_title > i:after {content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;background: #222;box-sizing: border-box;transition: .4s;}
.accordian_group_title > i:before {width: 8px;height: 2px;}
.accordian_group_title > i:after {width: 2px; height: 8px;}
.accordian_group_title:hover > i {background: #ddd;border-color: #ddd;}
.accordian_group.active .accordian_group_title > i:before {transform: rotate(180deg);}
.accordian_group.active .accordian_group_title > i:after {transform: rotate(90deg);}

.accordian_group_content {position: relative;}
.accordian_group_content p {padding: 25px 0;font-size: 16px;font-weight: 300;letter-spacing: 0.05em;line-height: 1.63;color: #666;}
.accordian_group.active .accordian_group_content {border-top: 1px solid #ddd;}
/* .accordian_group:not(:first-child) > .accordian_group_content p {display: none;} */

.accordian_group_content p {padding: 0;}
.accordian_group_content img {display: block;max-width: 100%;height: auto;}

.product_together {padding-top: 200px;}
.product_together:after {content: '';display: table;clear: both;}
.product_together_typo {float: left;padding: 123px 40px 0 0;font-size: 60px;font-weight: 400;line-height: 1.33;letter-spacing: 0.05em;color: #ddd;}
.product_together > img {float: left;display: block;max-width: 100%;height: auto;}