@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:150px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* 서브 링크이동 버튼 */
.sub-page .main-visual-more-btn {position: absolute; display: block; width: 12rem; height: 12rem; background: var(--sub-color); padding: 1.4rem 2rem; box-sizing: border-box; overflow: hidden; left: 0; bottom: 10rem; opacity: 1;}
.sub-page .main-visual-more-btn:before {position: absolute; content: '\e90b'; font-family: 'xeicon'; font-size: 1.5rem; color: #fff; bottom: 2rem; right: 2rem; z-index: 9;}
.sub-page .main-visual-more-btn .cm-fill {position: absolute; display: block; width: 0px; height: 0px; transform: translate(-50%,-50%); border-radius: 50%; background: #8e6f47; transition: width 1s, height 1s;}
.sub-page .main-visual-more-btn:hover .cm-fill{width: 50vw; height: 50vw;}
.sub-page .main-visual-more-btn .txt {position: relative; font-size: 1.3rem; line-height: 1.7em; letter-spacing: -0.025em; color: #fff; font-weight: 500; z-index: 9;}

/* ******************  회사소개 ********************** */
.intro-content {padding-bottom: 15rem;}
.intro-tit {display: block; font-size: 2rem; font-weight:700; letter-spacing: -0.05em; color: #b19168; text-align: center;}
.intro-content .intro-img-con {display: flex; align-items: center; max-width: 1920px; margin: 14rem auto 0 auto;}
.intro-content .intro-img-con .intro-img-txt {font-size: 2.8rem; font-weight: 700; line-height: 1.8em; letter-spacing: -0.05em; color: #222;}
.intro-content .intro-img-con .intro-img-txt strong {color: #9d7a4c; font-weight:700;}
.intro-content .intro-img-con .intro-img-st {font-size: 1.8rem; font-weight: 400; line-height: 1.8em; letter-spacing: -0.05em; color: rgba(0, 0, 0, 0.6); padding-top: 2.2rem;}

.intro-content .intro-img-con img {max-width: 100%;}
.intro-content .intro-img-con .img-box {width: 47.917%;}
.intro-content .intro-img-con .txt-box {width: calc(52.084% - 10rem); margin-left: 10rem;}

/* 경영 목표 */
.intro-target-con {max-width: 1000px; margin: 18rem auto 0 auto;}
.intro-target-con .intro-tit {margin-bottom: 4rem;}
.intro-target-con .flex-inner {display: flex; align-items: center; }
.intro-target-con .txt-box {margin-left: 8rem;}
.intro-target-con .txt-inner {position: relative;}
.intro-target-con .txt-inner::before {position: absolute; content: ""; top: 50%; left: -30px; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: var(--sub-color);}
.intro-target-con .txt-inner::after {position: absolute; content: ""; top: 50%; left: -105px; transform: translateY(-50%); width: 75px; height: 1px; background-color: var(--sub-color);}
.intro-target-con .txt-inner:first-child {bottom: 70px;}
.intro-target-con .txt-inner:nth-child(2) {bottom: 6px;}
.intro-target-con .txt-inner:last-child {bottom: -56.5px;}
.intro-target-con .target-tit {font-size: 24px; font-weight:700; line-height: 1.5em; letter-spacing: -0.05em; color: #222;}
.intro-target-con .target-txt {font-size: 16px; font-weight: 400; line-height: 1.8em; letter-spacing: -0.05em; color: #666;}

/* 핵심 가치 */
.intro-value-con {max-width: 1180px; margin: 18rem auto 0 auto;}
.intro-value-con .intro-tit {margin-bottom: 4rem;}
.intro-value-con .flex-inner {display: flex; flex-wrap: wrap; align-items: center; margin: 0 -1.5rem;}
.intro-value-con .value-list {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(33.333% - 3rem); height: 37.7rem; margin: 0 1.5rem; background-color: #fff; box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.05); padding: 2rem; box-sizing: border-box;}
.intro-value-con .value-list::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 5px; background: var(--sub-color); box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.05);}
.intro-value-con .value-list .txt-box {text-align: center; margin-top: 2rem;}
.intro-value-con .value-list .value-tit {font-size: 2.4rem; font-weight:700; line-height: 1.5em; letter-spacing: -0.05em; color: #222; padding-bottom: 1rem;}
.intro-value-con .value-list .value-txt {font-size: 1.6rem; min-height: 12.8rem; font-weight: 400; line-height: 2em; letter-spacing: -0.05em; color: #666;}

/* 연혁 */
.intro-history-con {margin-top: 15rem;}
.intro-history-con img {max-width: 100%;}
.intro-history-con .intro-tit {margin-bottom: 4rem;}

/* ******************  회사소개 :: 지속가능경영********************** */
.sustainability-content {padding-bottom: 15rem;}
.sustain-banner-con {position: relative; width: 100%; height: 0; padding-top: 31.25%; background: center / cover no-repeat url("/images/content/sustainability_top_banner.jpg"); margin-top: 9rem;}
.sustain-banner-con .img-box {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; content: ""; top: 0; left: 0;}
.sustain-banner-con .img-box img {max-width: 100%;}
.sustainability-content .banner-txt {font-size: 1.8rem; font-weight: 400; line-height: 2em; letter-spacing: -0.05em; color: #222; text-align: center; margin-top: 7rem;}

/* 카운트 */
.company-page .company-content-tit {font-size: 3.4rem; font-weight:700; line-height: 1.5em; letter-spacing: -0.05em; color: #222; text-align: center;}
.company-page .company-content-tit strong {font-weight:700; color: var(--sub-color);}

.sustain-count-con {margin-top: 18rem;}
.sustain-count-con .count-list-box {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 8rem 0 11rem 0;}
.sustain-count-con .count-list-box .count-list {text-align: center; width: 33.333%; border-right: 1px solid #eee; box-sizing: border-box; padding: 2rem;}
.sustain-count-con .count-list-box .count-list:nth-child(n + 4) {margin-top: 10rem;}
.sustain-count-con .count-list-box .count-list:nth-child(3), .sustain-count-con .count-list-box .count-list:last-child {border-color: transparent;}
.sustain-count-con .count-list-box .icon-box {margin-bottom: 3.3rem;}
.sustain-count-con .count-list-box .icon-box > p {font-size: 2.8rem; font-weight:700; line-height: 1.5em; letter-spacing: -0.05em; color: #222; padding-top: 2rem; min-height: 5.1rem;}
.sustain-count-con .count-list-box .count-txt {font-size: 8rem; font-weight: 600; letter-spacing: -0.01em; color: var(--sub-color); padding-bottom: 0.8rem; min-height: 8rem;}
.sustain-count-con .count-list-box .count-txt.minSize {font-size: 1.4rem; font-weight:700; line-height: 1.5em;}
.sustain-count-con .count-list-box .count-txt > span {font-size: 8rem; font-weight: 600;}
.sustain-count-con .count-list-box .count-txt > em {font-size: 1.4rem; font-weight:700;}
.sustain-count-con .count-list-box .count-st {font-size: 1.4rem; font-weight:700; line-height: 1.5em; letter-spacing: -0.01em; color: var(--sub-color);}
.sustain-count-con .count-list-box .count-bold-txt {font-size: 1.6rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.01em; color: #666; padding-top: 2.2rem;}
.sustain-count-con .count-gray-txt {font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: rgba(102, 102, 102, 0.5); text-align: center;}

/* 인증 */
.sustain-certificate-con .company-content-tit {padding-bottom: 3rem;}
.sustain-certificate-con .certificate-list-box {display: flex; align-items: center; justify-content: center; margin-top: 9rem;} /*250417 justify-content: center; 추가*/
.sustain-certificate-con .certificate-list-box img {max-width: 100%;}
.sustain-certificate-con .certificate-list-box .certificate-list {display: flex; /* width: 50%; */ height: 34.2rem; align-items: center;}
.sustain-certificate-con .certificate-list-box .certificate-list:first-child {/* margin-right: 3rem; */}
.sustain-certificate-con .certificate-list-box .certificate-list .img-box {display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; box-sizing: border-box; width: 24.2rem;}
.sustain-certificate-con .certificate-list-box .certificate-list .txt-box {margin-left: 6rem; width: calc(100% - 30.2rem); display: flex; flex-direction: column; justify-content: center;}
.sustain-certificate-con .certificate-list-box .certificate-tit {font-size: 3.2rem; font-weight:700; line-height: 1.6em; letter-spacing: -0.05em; color: #222;}
.sustain-certificate-con .certificate-list-box .certificate-txt {font-size: 1.6rem; font-weight: 700; line-height: 1.5em; letter-spacing: -0.01em; color: #222; padding-top: 0.5rem; min-height: 4.8rem;}
.sustain-certificate-con .certificate-list-box .small-img {margin-top: 7.6rem; min-height: 103px; display: flex; align-items: flex-end;}

.sustain-bg-box img {max-width: 100%; display: block; margin: auto;}

/* ******************  회사소개 :: 설비현황 ********************** */
.facility-content {padding: 9.2rem 0 3rem 0;}
.flex-img-con {display: flex; align-items: center; margin-bottom: 12rem;}
.flex-img-con.reverse {flex-direction: row-reverse;}
.flex-img-con img {max-width: 100%;}
.flex-img-con .img-box {width: 47.5%;}
.flex-img-con .txt-box {width: calc(52.5% - 11.5rem); margin-left: 11.5rem;}
.flex-img-con.reverse .txt-box {width: calc(52.5% - 16.5rem); margin-right: 5rem;}
.flex-img-con .txt-box .icon {margin-bottom: 3rem;}
.flex-img-con .txt-box .facility-tit {font-size: 3.4rem; font-weight:700; line-height: 1.4em; letter-spacing: -0.05em; color: #222; padding-bottom: 2rem;}
.flex-img-con .txt-box .facility-txt {font-size: 2rem; font-weight: 400; line-height: 2em; letter-spacing: -0.05em; color: #222;}

/* ******************  products :: 제품개요 ********************** */
.product-summary-content {padding-bottom: 5.8rem;}
.product-summary-content .product-img-con {margin-bottom: 24rem;}
.product-summary-content .product-img-con:last-of-type {padding-bottom: 12.5rem; margin-bottom: 6rem; border-bottom: 1px solid #ddd;}
.product-summary-content .product-img-con .img-box {position: relative; width: 100%; height: 0; max-width: 0; margin: 0 auto; padding-top: 32.292%; transition: var(--transition-custom2);}
.product-summary-content .product-img-con .img-box.box01 {background: center / cover no-repeat url("/images/content/product_summary_img01.jpg");}
.product-summary-content .product-img-con .img-box.box02 {background: center / cover no-repeat url("/images/content/product_summary_img02.jpg");}
.product-summary-content .product-img-con .img-box.box03 {background: center / cover no-repeat url("/images/content/product_summary_img03.jpg");}
.product-summary-content .product-img-con .img-box::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.3); transition: var(--transition-custom2);}
.product-summary-content .product-img-con .img-box .img-active-txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-transform: uppercase; font-size: 6rem; font-weight: 600; color: #fff; transition: var(--transition-custom3);}
.product-summary-content .product-img-con .txt-box {display: flex; align-items: center; margin-top: 9rem;}
.product-summary-content .product-img-con .txt-box > h3 {font-size: 4.2rem; font-weight:700; line-height: 1.4em; letter-spacing: -0.05em; color: #222; text-align: center; width: 48.5rem;}
.product-summary-content .product-img-con .txt-box > P {width: calc(100% - 48.5rem);position: relative; font-size: 1.8rem; font-weight: 400; line-height: 2em; letter-spacing: -0.05em; color: #666; padding-left: 3rem;}
.product-summary-content .product-img-con .txt-box > P::before {position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 85%; background-color: #ddd;}
.product-summary-content .product-img-con.active .img-box {max-width: 1920px; /* padding-top: 32.292%; */}
.product-summary-content .product-img-con.active .img-active-txt {letter-spacing: 0.4em;}
.product-summary-content .product-img-con.active .img-box::before {opacity: 0; pointer-events: none;}
.product-summary-content .main-visual-more-btn {position: relative; margin: 0 auto; bottom: 0;}
.product-summary-content .search-style-bottom-line .board-search-inner {border-bottom: 2px solid #eee;}
.product-summary-content .total-list-con {font-size: 1.5rem; font-weight: 600; color: #222;}
.product-summary-content .total-list-con b {color: #b19168;}
.product-summary-content .custom-select-trigger {font-size: 1.6rem; font-weight: 700; color: #222;}
.product-summary-content .custom-select-trigger:after {right: 28px;}
.product-summary-content .board-search-box .board-custom-select-box + .search-word::placeholder {font-size: 1.6rem; font-weight: 700; color: #aaa;}
.product-summary-content .certifi-list-style02 .certification-tit {font-size: 2rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.05em; color: #222; border-bottom: none; padding-bottom: 0; margin-bottom: 3%;}
.product-summary-content  .certifi-list-style02 .certification-txt {margin-bottom: 0.6rem;}
.product-summary-content .certification-txt > dt:after {display: none;}
.product-summary-content .certification-txt > dt {font-size: 1.6rem; font-weight: 700; line-height: 1.8em; letter-spacing: -0.05em; color: #666;}
.product-summary-content .certification-txt > dd p {font-size: 1.6rem; font-weight: 500; line-height: 1.8em; color: #666;}
.product-summary-content .certi-btn-box {display: flex; margin-top: 10.6rem; width: 100%; align-items: center;}
.product-summary-content .certification-more-btn {display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; max-width: none; border: none; background-color: #b19168; margin-top: 0;}
.product-summary-content .certification-more-btn > em {width: auto; height: auto; position: static; border-right: none;}
.product-summary-content .certification-more-btn i {color: #fff; font-size: 1.6rem;}
.product-summary-content .certification-more-btn::after {display: none;}
.product-summary-content .pdf-btn {display: flex; align-items: center; justify-content: center; width: 8rem; height: 4.5rem; background-color: #222; margin-left: 1rem;}
.product-summary-content .pdf-btn em {font-size: 1.1rem; font-weight: 700; color: rgba(255, 255, 255, 0.5);}
.product-summary-content .pdf-btn i {color: #fff; font-size: 1.5rem; padding-left: 0.3rem;}

.product-summary-content .paging-style03 a {font-size: 1.5rem; font-weight: 600; color: #aaa;}
.product-summary-content .paging-style03 a.cur {font-size: 1.5rem; font-weight: 600; color: #222;}
.product-summary-content .paging-style03 a.cur:after {display: none;}

.product-summary-content .main-visual-more-btn {width: 14rem; height: 14rem;}

/* 탭 */
.product-summary-content .cm-tab-container-JS {margin-top: 19rem; padding-top: 5rem;}
.product-summary-content .sub-tab-wrapper-style {max-width: 84rem; margin: 0 auto 7rem auto;}
.product-summary-content .sub-tab-list-style ul li {background-color: #f5f5f5; border-color: #ddd;}
.product-summary-content .sub-tab-list-style ul li.selected {background-color: #b19168; border-color: #b19168;}
.product-summary-content .sub-tab-list-style ul li a {height: 4.8rem;}
.product-summary-content .sub-tab-list-style ul li a em {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: #aaa;}
.product-summary-content .sub-tab-list-style ul li.selected a em {color: #fff;}
.product-summary-content .product-tab-tit {font-size: 3.4rem; font-weight:700; line-height: 1.5em; letter-spacing: -0.05em; color: #222; text-align: center; padding-bottom: 4.2rem;}
.product-summary-content .cm-tab-container-JS .tab-txt-box > h5 {font-size: 2.4rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.01em; color: #222; padding-bottom: 0.7rem; text-align: center;}
.product-summary-content .cm-tab-container-JS .tab-txt-box > p {font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.05em; color: #666; text-align: center;}
.product-summary-content  .sub-tab-list-style ul li a em {font-size: }

/* 인증서 */
.product-summary-content .certification-list-wrap {margin-top: 6rem;}
.product-summary-content .certifi-list-style02 .certifi-thumb-box {width: 26rem; margin-right: 5rem;}
.product-summary-content .certifi-list-style02 .certifi-thumb-box span {padding-top: 137.693%; box-sizing: border-box;}
.product-summary-content .certifi-list-style02 .certifi-info-box {width: calc(100% - 31.5rem);}
.product-summary-content .search-style-bottom-line .board-custom-select-box .custom-option-drop-list {border: 2px solid #eee;}

/* ******************  products :: 드라이보드 ********************** */
/* 탭 */
.dryboard-content .cm-fixed-tab-container-JS {margin-top: 18rem; margin-left: 1px;}
.dryboard-content .sub-tab-wrapper-style {width: 12rem; height: 0; margin-bottom: 0;}
.dryboard-content .sub-tab-list-style, .dryboard-content .sub-tab-list-style.top-fixed {width: 12rem; height: 0;}
.dryboard-content .sub-tab-list-style.top-fixed {left: auto;}
.dryboard-content .sub-tab-list-style::before {display: none;}
.dryboard-content .sub-tab-list-style ul {display: block;}
.dryboard-content .sub-tab-list-style ul li {display: block; width: 100%; border: none; margin-bottom: 1.5rem;}
.dryboard-content .sub-tab-list-style ul li:last-child {margin-bottom: 0;}
.dryboard-content .sub-tab-list-style ul li a {position: relative; height: auto;}
.dryboard-content .sub-tab-list-style ul li a::before {position: absolute; content: ""; width: 3px; height: 1.7rem; background-color: #b19168; opacity: 0; transition: all 0.3s; z-index: -1;}
.dryboard-content .sub-tab-list-style ul li a em {font-size: 1.4rem; font-weight: 600; line-height: 1.4em; letter-spacing: -0.05em; color: rgba(102, 102, 102, 0.5); text-align: left; padding-left: 2rem; transition: all 0.3s;}
.dryboard-content .sub-tab-list-style ul li.selected {border: none; background-color: transparent;}
.dryboard-content .sub-tab-list-style ul li.selected a em {color: #666;}
.dryboard-content .sub-tab-list-style ul li.selected a::before {opacity: 1;}

/* 컨텐츠 */
.dryboard-content .flex-img-con {margin-left: 12rem; margin-bottom: 20rem;}
.dryboard-content .flex-img-con .img-box {width: 46.008%;}
.dryboard-content .flex-img-con .txt-box {width: calc(54.054% - 11.5rem);}
.dryboard-content .flex-img-con .txt-box .txt-inner {margin-top: 1.7rem;}
.dryboard-content .flex-img-con .dryboard-st {font-size: 2rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.05em; color: #b19168;}
.dryboard-content .flex-img-con .dryboard-tit {display: flex; align-items: center; font-size: 8.2rem; font-weight: 600; line-height: 1.4em; letter-spacing: -0.05em; color: #222;}
.dryboard-content .flex-img-con .dryboard-tit > span {font-size: 6.2rem; font-weight:700; padding: 0 1rem;}
.dryboard-content .flex-img-con .dryboard-txt {position: relative; font-size: 1.6rem; font-weight: 400; line-height: 1.4em; letter-spacing: -0.05em; color: #666; padding-left: 1.5rem; padding-bottom: 1.3rem;}
.dryboard-content .flex-img-con .dryboard-txt:last-child {padding-bottom: 0;}
.dryboard-content .flex-img-con .dryboard-txt::before {position: absolute; content: ""; width: 5px; height: 5px; top: 0.8rem; left: 0; background-color: #999;}
.dryboard-content .main-visual-more-btn {position: relative; bottom: 0; margin-top: 5.7rem;}
.dryboard-content .main-visual-more-btn:before {content: "\eb7c";}
.dryboard-content .main-visual-more-btn .pdf {position: absolute; bottom: 2rem; right: 4rem; font-size: 1.1rem; font-weight: 500; color: rgba(255, 255, 255, 0.5);}
.zoomWrapper {position: relative;}

/* ******************  markets :: 공통 ********************** */
.cm-markets-page {padding-bottom: 20rem;}
.markets-banner-con img {max-width: 100%;}
.cm-markets-page .top-txt-box {text-align: center; margin-top: 8rem;}
.cm-markets-page .top-txt-box .top-icon {margin-bottom: 4.5rem;}
.cm-markets-page .top-txt-box .top-icon > span img {box-shadow: 2px 8px 15px 0px rgba(161, 128, 86, 0.3); border-radius: 50%; max-width: 100%:}
.cm-markets-page .top-txt-box .top-bold-tit {font-size: 4.2rem; font-weight:700; line-height: 1.2em; letter-spacing: -0.05em; color: #222; padding-top: 2.5rem;}
.cm-markets-page .top-txt-box .top-tit {font-size: 1.8rem; font-weight:700; line-height: 2em; letter-spacing: -0.05em; color: #222;}
.cm-markets-page .top-txt-box .top-txt {padding-top: 1rem;}
.markets-banner-con {max-width: 1920px; margin: 0 auto;}

/* 슬라이드 */
.markets-slide-box {position: relative; max-width: 890px; margin: 7rem auto 0 auto;}
.markets-slide-box img {max-width: 100%;}
.markets-slide-box > button {position: absolute; top: 50%; transform: translateY(-50%); z-index: 12;}
.markets-slide-box > button i {transition: var(--transition-custom);  font-size: 4.8rem; color: rgba(102, 102, 102, 0.3);}
.markets-slide-box > button:hover i {color: #666;}
.markets-slide-box .markets-slide-prev {left: -7.5rem;}
.markets-slide-box .markets-slide-next {right: -7.5rem;}
.cm-markets-page .slick-dots-wrapper {top: auto; bottom: 0; opacity: 1;}
.cm-markets-page .slick-dots-wrapper .slick-dots {justify-content: center;}
.cm-markets-page .slick-dots li button:after {background-color: rgba(102, 102, 102, 0.3);}
.cm-markets-page .slick-dots li button svg circle {stroke: #666;}

/* ******************  markets :: 시장개요 ********************** */
.top-txt-box .top-txt {font-size: 1.8rem; font-weight: 400; line-height: 2em; letter-spacing: -0.05em; color: #666; text-align: center;}
.summary-map-con .map-box {position: relative;}

/* 원 파장 효과 */
.summary-content .spread-circle .spread{border:30px solid rgba(177, 145, 104, 0.4); border-radius: 50%; box-sizing:border-box; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 66.8%; top: 25.7%; opacity: 0; margin: 0; -webkit-animation: about-nation-circle 8s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; animation: about-nation-circle 8s cubic-bezier(1, 2, 0.66, 3) infinite; }
.summary-content .spread-circle .spread:nth-child(1) {animation-delay: 1s; }
.summary-content .spread-circle .spread:nth-child(2) {animation-delay: 2s; }
.summary-content .spread-circle .spread:nth-child(3) {animation-delay: 3s; }
.summary-content .spread-circle .spread:nth-child(4) {animation-delay: 4s; }
.summary-content .spread-circle .spread:nth-child(5) {animation-delay: 5s;}
.summary-content .spread-circle .spread:nth-child(6) {animation-delay: 6s;}
.summary-content .spread-circle .spread:nth-child(7) {animation-delay: 7s;}
.summary-content .spread-circle .spread:nth-child(8) {animation-delay: 8s;}

@keyframes about-nation-circle {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1; 
	}
	100% {
		-webkit-transform: scale(5);
		transform: scale(7);
		opacity: 0; 
	} 
}

/* 지도 */
.summary-map-con {max-width: 1920px; margin: 14rem auto 0 auto;}
.summary-map-con .map-box img {width: 100%;}
.summary-content .summary-map-txt-box {position: relative; top: -1px; background-color: #f5f5f5; text-align: center; padding-bottom: 8rem;}
.summary-content .summary-map-txt-box .summary-map-tit {font-size: 3.4rem; font-weight:700; line-height: 1.5em; letter-spacing: -0.05em; color: #222;}
.summary-content .summary-map-txt-box .summary-map-txt {font-size: 1.8rem; font-weight: 400; line-height: 2em; letter-spacing: -0.05em; color: #666; padding-top: 2rem;}

/* 이미지 컨텐츠 */
.summary-img-con {margin-top: 18rem;}
.summary-img-con .img-wrap {display: flex; align-items: center; margin-bottom: 11.5rem;}
.summary-img-con .img-wrap.reverse {flex-direction: row-reverse;}
.summary-img-con .img-wrap:last-child {margin-bottom: 26rem;}
.summary-img-con .img-wrap img {max-width: 100%;}
.summary-img-con .img-wrap .img-box {width: 47.5%; position: relative;}
.summary-img-con .img-wrap .txt-box {width: calc(52.5% - 11.5rem); margin-left: 11.5rem;}
.summary-img-con .img-wrap.reverse .txt-box {width: calc(52.5% - 16.5rem); margin-right: 5rem;}
.summary-img-con .img-wrap .summary-con-tit {font-size: 3.4rem; font-weight:700; line-height: 1.5em; letter-spacing: -0.05em; color: #222; padding-bottom: 2.2rem;}
.summary-img-con .img-wrap .summary-con-txt {font-size: 1.8rem; font-weight: 400; line-height: 2em; letter-spacing: -0.05em; color: #666;}
.summary-img-con .main-visual-more-btn {left: auto; right: 6rem; bottom: -6rem; width: 14rem; height: 14rem;}

.company-page .accordion-list-box .main-visual-more-btn {display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; left: auto; right: 2rem; bottom: 2rem; opacity: 0; transition: var(--transition-custom);}
.company-page .accordion-list-box .main-visual-more-btn:before {display: none;}
.company-page .accordion-list-box .accordion-item.active .main-visual-more-btn {opacity: 1;}


/* -------- 아코디언 스타일 02 -------- */
/* 아코디언 전체 레이아웃 */
.accordion-list-box {margin: 0 0 15rem 0;}
.accordion-list .accordion-item{position:relative; overflow:hidden;  width: 100%; height: 0; padding-top: 33.04%; /* width: 14rem; */  /* margin-left:2px; */}
.accordion-list .accordion-item:first-child {margin-left: 0;}
/* .accordion-list .accordion-item:hover {width: 65rem;} */
.accordion-list .accordion-item .accordion-inner {display:block; width:calc(100% - 4px); position:absolute; height:100%; margin:0; top: 0; left: 0;}
.accordion-list .accordion-item > .accordion-inner {/* width: 65rem;  left: 50%; transform: translateX(-50%);*/}
.accordion-list .accordion-item:first-child .accordion-inner {margin-left: 0;}
.accordion-list .accordion-item .accordion-inner:before{
	position:absolute; 
	top:0px; left:0px; 
	width:100%; 
	height:100%; 
	content:""; 
	background-color:rgba(0,0,0,0.5); 
	opacity:1.0;filter:Alpha(opacity=100);
	transition:opacity 0.5s;
}
@media all and ( min-width: 1025px ){
	.accordion-list-box .accordion-list{ /* display: flex; align-items: center; justify-content: center; */ display: table; width:100%; white-space:nowrap; overflow:hidden; font-size:0;}
	.accordion-list .accordion-item{/* width:110px; */ display:table-cell; height:100%; white-space:nowrap;} /* 접힌 li의 width*/
	.accordion-list .accordion-item .accordion-m-img{display:none;}
}
@media all and ( min-width: 1367px ){
	.accordion-list .accordion-item{/* width:14rem; */ min-width:140px;}
	.accordion-list .accordion-item.active {/* width: 65rem; */}
}
@media all and ( max-width: 1024px ){
	.accordion-list .accordion-item{display:block; width:100%; height:auto; margin-top:10px; padding-left:0; }
	.accordion-list .accordion-item:first-child{margin-top:0}
	.accordion-list .accordion-item .accordion-inner{background-image:none;}
	.accordion-list .accordion-item .accordion-m-img{
		height:0; padding-top:110px; 
		background-size:cover !important;
		-webkit-transition:padding 0.4s;
		-moz-transition:padding 0.4s;
		-o-transition:padding 0.4s;
		-ms-transition:padding 0.4s;
		transition:padding 0.4s;
	}
	.accordion-list .accordion-item.active .accordion-m-img{padding-top:52%}
}
@media all and ( max-width: 480px ){
	.accordion-list .accordion-item .accordion-m-img{padding-top:80px;}
}

/* 아코디언 내용 */
.accordion-inner-box{
	position:relative; height:100%; width:100%; 
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
.accordian-tit-box{position:absolute; left:50%; top:0; transform: translateX(-50%); width:100%; height:100%; z-index:1; cursor:pointer;}
.accordian-tit-box .accordian-tit{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); transition: var(--transition-custom);}
.accordian-tit-box .accordian-tit strong {display:block; color:#fff; font-size:1.8rem; font-weight: 700; letter-spacing: -0.05em; transition: var(--transition-custom);}
.accordion-list .accordion-item.active .accordian-tit-box .accordian-tit strong {font-size:2.2rem; font-weight:700;}


/* 아코디언 내용 Active */
@media all and (min-width: 1025px ) {
	.accordion-list-container{position: relative;}
	.accordion-list-container:after{position: absolute; top: 0; right: 0; bottom: 0; width: 5px; background-color: #fff; content: ''; z-index: 11;}
	.active .accordion-inner-box{opacity:1.0;filter:Alpha(opacity=100); background-size:cover !important;}
	.accordion-list .accordion-item.active .accordion-inner:before{opacity:0;filter:Alpha(opacity=0);}
	.active .accordian-tit-box .accordian-tit{
		transform: rotate(0) translate(0, 0);
		animation:active-title 0.5s alternate both 0.2s;
		-webkit-animation:active-title 0.5s alternate both 0.2s;
		top: auto; bottom: 3.5rem; left: 3.5rem; margin-left: 2rem;
	}
	@keyframes active-title {
		0% {
			opacity: 0;
			left:0;
		}
		100% {
			opacity: 1;
			left:20px
		} 
	}
}

/* ******************  contact ********************** */
.contact-content {padding-bottom: 15rem;}
.contact-page form {margin-top: 13rem;}
.contact-page .agree-wrap {margin-top: 3rem;}
.contact-page .agree-wrap .inner {display: flex; align-items: center;}
.contact-page .agree-wrap .bbs-inquiry-agree-con {width: 86.765%;}

.contact-page .contact-top-container {display: flex;}
.contact-top-container .bbs-write-tbl-box {width: 50%; position: relative;}
.contact-top-container .contact-map-con {width: calc(50% - 6rem); margin-left: 6rem;}
.contact-top-container .contact-map-con iframe {width: 100%; height: 48.5rem;}
.contact-top-container .contact-map-con .txt-box {margin-top: 2.5rem;}
.contact-top-container .contact-map-con .map-tit {font-size: 2.8rem; font-weight:700; line-height: 1.8em; letter-spacing: -0.05em; color: #222; padding-bottom: 1rem;}
.contact-top-container .contact-map-con .map-tit strong {font-weight:700; color: #b19168;}
.contact-top-container .contact-map-con .map-txt {font-size: 1.6rem; font-weight: 600; line-height: 2em; letter-spacing: -0.05em; color: #666;}
.contact-top-container .contact-map-con .map-txt > span {font-weight:700; padding-right: 2rem;}

.contact-page .main-visual-more-btn {position: relative; bottom: 0; width: 15rem; height: 15rem; margin: 0;}
.contact-page .main-visual-more-btn::before {display: none;}
.contact-page .main-visual-more-btn .txt {font-size: 1.8rem; font-weight:700; letter-spacing: -0.05em;}
.contact-page .cm-btn-controls {margin-top: 0; margin-left: 3rem;}

/* ************ 연혁 ************ */
.history-banner-box{position: relative; height:41.8rem; z-index:1;}
/* 배너 버튼영역 */
.history-banner-box .con-box {position:absolute; top:100%; /* left: 12rem; */ /* transform:translateY(-10rem); */ margin-top:-10rem;}
.history-banner-box .con-box .inner-box {position:relative;}
.history-banner-box .con-box .inner-box .tit-box{display: flex; flex-direction:column; justify-content: space-between; width:20rem; height:20rem; background:var(--sub-color); color:#fff; padding:3rem 4rem 2.5rem; box-sizing:border-box; margin-left:12rem;}
.history-banner-box .con-box .tit {font-size:3.4rem;  line-height: 1.6; letter-spacing:-0.05em; color:#fff; font-weight:700;}
.history-banner-box .con-box .sub-tit {font-size:1.8rem; font-weight:400; line-height:1.6; letter-spacing:-0.05em; opacity:0.6;}
.history-banner-box .con-box .year-box {position: absolute; left:0rem; top:5rem; padding-left:2rem; /* padding-left:4rem; margin-top:4rem; */}
.history-banner-box .con-box .year-box .year {display: block; font-size:2rem;  letter-spacing:-0.025em; color: rgba(102, 102, 102, 0.6); cursor:pointer; transition: all 0.4s; margin:2rem 0;}
.history-banner-box .con-box .year-box .year em {position:relative; display:block; font-weight:600;}
.history-banner-box .con-box .year-box .year em:before {content:""; width:3px; height:100%; background-color:var(--sub-color); position:absolute; left:-2rem; top:0%; transition: all 0.3s; opacity:0;}
.history-banner-box .con-box .year-box .year:hover,
.history-banner-box .con-box .year-box .year.on  {color:var(--sub-color);}
.history-banner-box .con-box .year-box .year:hover em:before ,
.history-banner-box .con-box .year-box .year.on em:before {opacity:1;}


.history-banner-box .con-box .year-box-wrap{position: relative;}
.history-banner-box .con-box .year-box.top-fixed{position: fixed; left:auto; top:150px;}

/* 배너 이미지 */
.history-banner-box .bg {display:block; height:100%; background:url("../images/content/intro_history_img.jpg") no-repeat center / cover;}
.history-banner-box .bg {position: relative; z-index: -1;}
.history-banner-box .bg strong {position: absolute; right: 5rem; bottom: 5rem; font-size: 1.8rem; font-weight: 700; line-height: 1.8em; letter-spacing: -0.065em; color: #ddd; text-align: right;}

/* 연혁 :: 컨텐츠 */
.company-history {position:relative; padding-top:17rem;}
.company-history-wrapper {position:relative; padding-bottom:14.8rem; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}
/* 가운데라인 */
.company-history-wrapper:before{position:absolute; top:3px; height:100%; width:1px; left:50%; background-color:#dcdcdc; content:"";}
.company-history-wrapper:last-child {padding-bottom:0}
.company-history-wrapper:last-child:before{display:none;}
/* 가운데 점 */
.company-history-info-box {position:relative; width:50%; }
.company-history-info-box::before{ position:absolute; top:0; width:11px; height:11px;  background-color:#000; content:"";  transition:background 0.4s;}
/* 컨텐츠 :: 정보 */
.company-history-info .history-item{position:relative;  margin-bottom:3rem; word-break:keep-all}
.company-history-info .history-month{position:absolute; top:0px; font-size:2rem; line-height: 1.3;  letter-spacing: -0.025em; font-weight:700; color:#000;}
.company-history-info .history-txt{ position:relative; display:block; font-size:1.8rem;  line-height: 1.3; letter-spacing:-0.065em; color: #555; margin-top:1.5rem;}
.company-history-info .dotted .history-txt{padding-left:1rem;}
.company-history-info .dotted .history-txt:before{position: absolute; content:''; width:3px; height:3px; background:#555; top:1rem; left:0;}
.company-history-info .history-month + .history-txt {margin-top:0}
.company-history-year {position:relative; font-size:6rem; letter-spacing: -0.05em; color:#000; font-weight: 600; transition: color 0.4s; margin-bottom:5rem;}

/* On */
.company-history-wrapper.on .company-history-info-box::before {background-color: var(--sub-color);}
.company-history-wrapper.on .company-history-year {color: var(--sub-color);}


@media all and (min-width:801px){
	/* .history-left .company-history-info-box{float:left;}
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
	.history-left .company-history-info {text-align:right; padding-right: 7.5rem;}
	.history-left .company-history-info .history-item{padding-right: 8.7rem; }
	.history-left .company-history-info .history-month{right:0;}
	.history-left .company-history-info .history-txt{padding-right:1.5rem; }
	.history-left .company-history-info .history-txt::before{right:0;}
	.history-left .company-history-year {left:100%; padding-left:7.5rem;}
	.history-left .company-history-year:before{left:0} */
	.history-left .company-history-info-box{margin-left:10rem; width:calc(50% - 10rem);}
	
	.company-history-info .history-item{padding-left: 8.7rem; padding-right:2rem; box-sizing:border-box;}
	.company-history-info .history-month{left:0;}

	/* History :: 왼쪽 */
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
	.history-left .company-history-year {margin-top:-2rem;}

	/* History :: 오른쪽 */
	.history-right .company-history-info-box{float:right; }
	.history-right .company-history-info-box::before,
	.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
	.history-right .company-history-info {padding-left: 7.5rem;}
	.history-right .company-history-year {padding-left:7.5rem;  margin-top:-3rem;}
	.history-right .company-history-year:before{right:0}
}
@media all and (min-width:1281px){
	.history-left .company-history-info-box{float:left; margin-left:31rem; width:calc(50% - 31rem);}
}

@media all and (max-width:1280px){
	.history-banner-box .con-box{left:var(--area-padding);}
	.history-left .company-history-info-box{padding-left:var(--area-padding); box-sizing:border-box;}
}


@media all and (max-width:800px){
	/* --------- 상단 배너 --------- */
	.history-banner-box {height:auto; width:100%; display: flex; flex-direction: column-reverse;}
	/* 배너 버튼영역 */
	.history-banner-box .con-box{position: relative; top:auto; left:auto; width:100%; transform:none;}
	.history-banner-box .con-box .inner-box .tit-box{flex-direction: row; justify-content: flex-start; align-items: center; padding:1rem 15px; width:100%; height:auto; }
	.history-banner-box .con-box .sub-tit{padding-left:2rem;}
	.history-banner-box .con-box .year-box{display: flex; padding:1rem var(--area-padding) 2rem; background:var(--sub-color); margin-top:0;}
	.history-banner-box .con-box .year-box .year{margin:0; margin-right:2rem; font-size:1.7rem; color:rgba(102, 102, 102, 0.5); width:100%; text-align:left;}
	.history-banner-box .con-box .year-box .year:hover,
	.history-banner-box .con-box .year-box .year.on{color:rgba(102, 102, 102, 1); opacity:1;}
	.history-banner-box .bg{height:0; padding-top:30rem; box-sizing:border-box;}

	/* --------- 컨텐츠영역 --------- */
	.company-history {padding-top:10rem;}
	/* 가운데 라인 */
	.company-history-wrapper {padding-bottom:5rem}
	.company-history-wrapper:before{left:4px; top:calc(2.5rem - 12px);}
	/* 가운데 점 */
	.company-history-info-box{width:auto; padding-left:3rem}
	.company-history-info-box::before{top:calc(2.5rem - 12px); left:-1px; border-width:6px;}
	/* 컨텐츠 :: 정보 */
	.company-history-info {margin-top:1.5rem;}
	.company-history-info .history-item{padding-left:6rem;}
	.company-history-info .history-month{left:0; font-size:1.7rem;}
	.company-history-year{position:static; font-size:4rem; margin-bottom:2rem;}
	.company-history-year::before{width:20px; left:0; }
	.company-history-info .history-txt{font-size:1.5rem; margin-top:1.2rem;}
}



/* 보안코드 추가 :: 2025-04-17 */
.bbs-write-tbl .cm-form-fieldset-box.security-code-box{position: relative; height: 6rem; background-color: #f6f6f6; border: 0; border-radius: 0.5rem; box-sizing: border-box; display: flex; align-items: center;}
.bbs-write-tbl .cm-form-fieldset-box.security-code-box .security-code{width:10rem; font-size: 1.6rem; letter-spacing: -0.015em; color: #000; background:#f8f8f8; height:4.5rem; line-height:4.5rem; text-align:center;}
.bbs-write-tbl .cm-form-fieldset-box.security-code-box .write-input{width: calc(100% - 10rem);}