@charset "utf-8";

/* Àλ縻 */
.p0101 {}
.p0101 .page-inner .cont-area{position: relative;z-index:10;width:100%;display: flex;align-items:center;box-sizing:border-box;overflow:hidden; }
.p0101 .page-inner .cont-area .title-area{width:70%;height:100%;box-sizing:border-box;display: flex;flex-direction:column;justify-content:center;
padding-left:100px;padding-right:100px;padding-top:50px;padding-bottom: 50px; color:#fff; }
.p0101 .page-inner .cont-area .title-area>h5{font-size:42px; font-weight: 900;margin-bottom: 50px; word-break:keep-all; }
.p0101 .page-inner .cont-area .title-area>.txt{}
.p0101 .page-inner .cont-area .title-area>.txt>p{font-size:16px; line-height: 1.7em; word-break:keep-all;  }
.p0101 .page-inner .cont-area .imgarea{width:30%;box-sizing:border-box;}
.p0101 .page-inner .cont-area .imgarea>span{width:100%;height:100%;display: block;background: url('../img/sub/greeting_img.jpg')no-repeat center / cover;}

@media screen and (max-width: 1200px) {
	.p0101 .page-inner .cont-area {
		flex-direction: column-reverse;
		height: auto;
	}
	
	.p0101 .page-inner .cont-area .title-area { width:100%; height:auto; }
	.p0101 .page-inner .cont-area .imgarea { width:100%; }
}


@media screen and (max-width: 680px) {
	.p0101 .page-inner .cont-area .title-area { padding:50px 15px; }
	.p0101 .page-inner .cont-area .title-area>h5 { font-size:25px; margin-bottom: 30px; }
	.p0101 .page-inner .cont-area .title-area>.txt>p{font-size:14px;line-height: 1.5; }
	.p0101 .page-inner .cont-area .imgarea { }
}


/********** ¿À½Ã´Â ±æ **********/


.location-con + .location-con { border-top: 1px solid #fff; padding-top: 5rem; margin-top:5rem; }

.location-info-box {
    width: 100%;
}

.p0402 .loca-tit {
    font-size: 2.5rem;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    color: #fff;
    margin-bottom: 3rem;
}


.location-info-box .txt-box {
}


.location-map-box {
    margin-top: 3rem;
    border-radius: 2rem;
    overflow: hidden;
}

.location-map-con {
    position: relative;
    width: 100%;
}

.location-map-con iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border: none;
}

.map-script-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
}

.map-info-box {
    margin-bottom: 4.5rem;
}

.loca-txt-box ul li {
    display: flex;
    align-items: center;
    margin-top: 2rem;
}

.loca-txt-box ul li .left-box {
    display: flex;
    align-items: center;
}

.loca-txt-box ul li .left-box .location-info-txt {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5em;
    letter-spacing: -0.025em;
    color: #fff;
    padding-left: 1.3rem;
    text-transform: uppercase;
    min-width: 9rem;
}

.loca-txt-box ul li:first-of-type {
    margin-top: 0;
}

.loca-txt-box ul li:first-of-type .icon {
    align-self: flex-start;
}

.loca-txt-box ul li .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    background: #eee;
}

.loca-txt-box ul li .icon i {
    font-size: 1.5rem;
    letter-spacing: -0.05em;
    color: #888;
}

.loca-txt-box .inner-txt {
    width: calc(100% - 2rem);
}

.loca-txt-box ul li .loca-txt {
    font-size: 1.4rem;
    letter-spacing: -0.05em;
    color: #fff;
    line-height: 1.5em;
    font-weight: 400;
    padding-left: 2rem;
}

.p0402 .location-map-con .root_daum_roughmap_landing {
    width: 100%;
}
.p0402 .location-map-con .root_daum_roughmap_landing .cont { display:none !important; }

.p0402 .location-map-con .root_daum_roughmap_landing .wrap_map {
    height: 42rem;
}


@media screen and (max-width: 1200px) {
	.p0402 .location-map-con .root_daum_roughmap_landing .wrap_map {
		height: 32rem;
	}
}


@media screen and (max-width: 680px) {
	
	.location-con + .location-con { padding-top: 2.725rem; margin-top:2.725rem; }
	
	.p0402 .loca-tit {
		font-size: 1.725rem;
		margin-bottom: 2rem;
	}
	
	.loca-txt-box ul li {
		margin-top: 1rem;
	}

	.loca-txt-box ul li .left-box .location-info-txt {
		font-size: 1rem;
		min-width:auto;
		width:80px;
	}
	
	.loca-txt-box ul li .loca-txt {
		width:100%;
		font-size: 1rem;
		padding-left:0;
	}

	.p0402 .location-map-con .root_daum_roughmap_landing .wrap_map {
		height: 22rem;
	}
}



/* ****************** 05  PARTNER :: 03 CONTACT US ********************** */

.p0401 .contentInfoCon {
    position: relative;
    margin: 0 auto 100px;
    text-align: center;
}

.p0401 .contentInfoCon .content-tit {
    color: #fff;
    font-size: 5rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.5;
}

.online-inquiry-con {}
.online-inquiry-con .main-now-con{display: flex; justify-content: space-between; position: relative;}
.online-inquiry-con .main-now-tit{width: 12rem;}
.online-inquiry-con .main-now-list{display: flex; flex-wrap:wrap;}
.online-inquiry-con .main-now-left-inner {position: sticky; top: 50px;}
.online-inquiry-con .main-now-left{width:48%; box-sizing: border-box; text-align: left;}
.online-inquiry-con .main-tit-box {position: relative; text-align: left; transition: var(--transition-custom2);}
.online-inquiry-con .main-tit-box .main-tit {font-size: 2rem; line-height: 1.3; font-weight: 600; color: var(--main-color); opacity: 1; transform: translateY(0);}
.online-inquiry-con .main-now-left.animated .main-tit-box{opacity: 1; -webkit-transform: none; transform: none; pointer-events: auto;}
.online-inquiry-con .main-tit-box .main-sub-tit {display: block; margin-top: 1rem; font-size: 3.725rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.02em; color: #fff;}
.online-inquiry-con .main-tech-support-btn .txt{font-weight: 600;}
.online-inquiry-con .main-tech-support-txt {color: rgba(0,0,0,0.5); font-weight: 500;}
.online-inquiry-con .main-now-right{width: 48%; padding-top: 0;}
.online-inquiry-con .main-now-info-txt {margin-bottom: 1.5rem; font-size: 1.2rem; line-height: 1.3; letter-spacing: 0.02em; text-align: right; color: #000;}
.online-inquiry-con .main-now-info-txt em{font-size: 2rem; margin-right: 0.5rem; color: var(--main-color);}
.online-inquiry-con .main-now-item{margin: 1rem 0; width: 100%; border-radius: 0.5rem; display: flex; flex-wrap:wrap; align-items: center; box-sizing: border-box;  position: relative;}
.online-inquiry-con .main-now-item:first-child {margin-top: 0;}
.online-inquiry-con .main-now-item:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; content: ''; border-radius: 0.5rem; display: none; background: #eee;}
.online-inquiry-con .fakeform-selectbox .select-title {color: #000; background-color: #EEEEEE; backdrop-filter: blur(0); border-radius: 6rem;}
.online-inquiry-con .fakeform-selectbox .select-title:after {color: #000;}
.online-inquiry-con .main-now-item .form-label{position: absolute; top: 1.125rem; left: 3rem; font-size: 1.125rem; line-height: 2rem; letter-spacing: -0.02em; color: #000; font-weight:600; pointer-events: none;}
.online-inquiry-con .main-now-item .form-label em{position: absolute; top: -1rem; left: -2rem; font-size: 1.5rem; color: var(--main-color);}
.online-inquiry-con .main-now-item input{height: 4rem;}
.online-inquiry-con .main-now-item textarea{padding: 2rem; height: 14rem; resize: none;}
.online-inquiry-con .main-now-item input, 
.online-inquiry-con .main-now-item textarea {color: #000; background-color: #EEEEEE; backdrop-filter: blur(0); padding: 1.125rem; padding-left: 8rem !important; width: 100%; font-size: 1.125rem; line-height: 1.3; letter-spacing: -0.05em; border: 0; box-sizing: border-box; border-radius: 3rem !important; outline:1px solid transparent; transition:var(--transition-custom); transition-property: outline-color;}
.online-inquiry-con .main-now-item input::placeholder,
.online-inquiry-con  .main-now-item textarea::placeholder{color: rgba(0,0,0,0.3);}
.online-inquiry-con .main-now-item.focus input,
.online-inquiry-con .main-now-item.focus textarea{outline-color: #000;}
.online-inquiry-con .main-now-item.error input,
.online-inquiry-con .main-now-item.error textarea{outline-color: var(--main-color);}
.online-inquiry-con .phone-form-box { background-color: #EEEEEE; backdrop-filter: blur(0);}
.online-inquiry-con .phone-form-box .hypen {color: #000;}
.online-inquiry-con .security-code-box .security-code {color: #000; font-weight: 600;}
.online-inquiry-con .main-now-agree{margin-top:0rem;}
.online-inquiry-con .main-now-agree .agree-txt input{display:none;}
.online-inquiry-con .main-now-agree .agree-txt label{position:relative; padding-left:2.8rem;}
.online-inquiry-con .main-now-agree .agree-txt label:before {position: absolute; top: -0.8rem; left: 0; font-size: 2rem; content: "\e92c"; font-family: xeicon;}
.online-inquiry-con .main-now-agree .agree-txt input:checked + label:before {color: #000; content: "\e92b";}
.online-inquiry-con .main-now-agree .agree-txt input:checked + label i{color:#000;}
.online-inquiry-con .main-now-agree ul li{margin-top: 0rem; padding-left: 0rem; position: relative; padding-right: 0	rem;}
.online-inquiry-con .main-now-agree ul li + li{margin-top: 1rem;}
.online-inquiry-con .main-now-btn{margin-top:2rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: flex-end;}
.online-inquiry-con .main-now-agree .agree-txt {padding-left: 1.125rem; font-size:1.275rem; letter-spacing:-0.02em; color: #000;}
.online-inquiry-con .main-now-agree ul li .agree-txt label{color:rgba(255, 255, 255, 0.5); line-height: 1.4em; border-bottom-color:rgba(255, 255, 255, 0.5); max-width: calc(100% - 4rem);  display: inline-block;}
.online-inquiry-con .main-now-agree .agree-txt input:checked + label:before {color: #fff;}
.online-inquiry-con .main-now-agree ul li .agree-txt label::before {top: 0.2rem;}
.online-inquiry-con .main-now-agree ul li .agree-txt input:checked label{color:#fff;}
.online-inquiry-con .main-now-agree ul li a {position: absolute; top: 0; right: 0; font-size: 1.125rem; line-height: 1.3; letter-spacing: -0.02em; color: rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); transition:var(--transition-custom); transition-property: color, border-color;}
.online-inquiry-con .main-now-agree ul li a:hover {color: #fff;}
.online-inquiry-con .main-now-btn{border-top-color: #EEEEEE;}
.online-inquiry-con .main-now-btn .btn{width:20rem; height: 4rem; font-size: 1.5rem; letter-spacing: -0.02em; font-weight: 600; border: 2px solid #fff; border-radius: 4rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background-color: #fff; color: #000; transition: all 0.3s;}
.online-inquiry-con .main-now-btn .btn:hover {background-color: var(--main-color); border-color: var(--main-color); color:#fff; }
.online-inquiry-con .main-now-item.focus .phone-form-box {outline-color: #000;}
.online-inquiry-con .phone-form-box .fakeform-selectbox .select-title.active {border-color: transparent;}
.online-inquiry-con .main-now-item.error .phone-form-box{outline-color: var(--main-color);}
.online-inquiry-con .main-now-item.error .phone-form-box .fakeform-selectbox .select-title.active,
.online-inquiry-con .main-now-item.error .phone-form-box .fakeform-selectbox .select-title{border-color: transparent;}

/* ¿¬¶ôó */
.online-inquiry-con .phone-form-box{padding-left: 12rem !important; padding-right: 0; width: 100%; display: flex; flex-wrap:wrap; align-items: center; border: 0; backdrop-filter: blur(20px); box-sizing: border-box; border-radius: 3rem !important; outline:1px solid transparent; transition:var(--transition-custom); transition-property: outline-color;}
.online-inquiry-con .phone-form-box .fakeform-selectbox{width: 13rem;}
.online-inquiry-con .phone-form-box .fakeform-selectbox .select-title{text-indent: 3rem; background: none; backdrop-filter:none;}
.online-inquiry-con .phone-form-box .fakeform-selectbox .select-title.active {border-color: transparent;}
.online-inquiry-con .phone-form-box input{padding-left: 0 !important; padding-right: 0 !important; width: calc(25% - 1rem); text-align: center; background: none; backdrop-filter:none; outline: none;}
.online-inquiry-con .phone-form-box .hypen{font-size: 2rem; width: 1rem; text-align: center;}
.online-inquiry-con .main-now-item.focus .phone-form-box input{outline: none;}
.online-inquiry-con .main-now-item.error .phone-form-box{outline-color: var(--main-color);}
.online-inquiry-con .main-now-item.error .phone-form-box .fakeform-selectbox .select-title.active,
.online-inquiry-con .main-now-item.error .phone-form-box .fakeform-selectbox .select-title{border-color: transparent;}


@media (hover: hover) and (min-width:801px) {
	.online-inquiry-con .main-now-btn .btn.cm-fill-ani-JS:hover{background-color: transparent; border-color: #000;}
	.online-inquiry-con .main-now-btn .btn.cm-fill-ani-JS:hover .txt{color: #000;}
}

@media all and (max-width:1280px){
	.online-inquiry-con .main-now-con{ flex-direction:column; max-width:600px; margin:0 auto; gap:50px; }
	.online-inquiry-con .main-now-left,
	.online-inquiry-con .main-now-right { width:100%; }
	
	.online-inquiry-con .main-tit-box .main-sub-tit { font-size: 2.725rem; word-break:keep-all; }
	
	.online-inquiry-con .main-now-left-inner {top: calc(var(--header-height) + 50px);}
}

@media all and (max-width:800px){

	.p0401 .contentInfoCon {
		margin: 0 auto 50px;
	}
	
	.p0401 .contentInfoCon .content-tit {
		font-size: 3rem;
	}

	.online-inquiry-con .main-now-con{ gap:0px; }
	
	.online-inquiry-con .main-now-left-inner {position: static;}
	.online-inquiry-con .main-tit-box {margin-bottom:2rem;}
	.online-inquiry-con .main-tit-box .main-tit {font-size:1.5rem; }
	.online-inquiry-con .main-tit-box .main-sub-tit {margin-top: 1.5rem; font-size: 2rem; line-height: 1.33;}
	.online-inquiry-con .main-now-left{width: 100%; max-width: none; padding-right: 0;}
	.online-inquiry-con .main-now-right {width: 100%;}
	.online-inquiry-con .main-now-btn .btn{width: 100%;}
	.online-inquiry-con .main-now-container{padding-top: 0;}
	
	.online-inquiry-con .main-now-agree .agree-txt {font-size:1.125rem; }
}


/* ***********************
	*	ÆäÀÌÅ©Æû ½ºÅ¸ÀÏ Ãß°¡css 
*********************** */
.fakeform-selectbox{position: relative; display:inline-block; width: 100%;}
.fakeform-selectbox select{opacity: 0; visibility: hidden;}
.select-option.select-in-popup{z-index: 10000 !important;}
/* fake form - ±âº» select ½ºÅ¸ÀÏ */
.fakeform-selectbox .select-title {text-indent: 8rem; width: 100% !important; height: 4rem; text-align: left; vertical-align: middle; border:0; line-height: 4rem; font-size:1.125rem; color: #fff; border: 1px solid transparent; background-color: rgba(255,255,255,0.06); backdrop-filter: blur(20px); display: block; box-sizing: border-box; cursor: pointer; border-radius:0.5rem;}
.fakeform-selectbox .select-title:after{font-family: 'xeicon'; position:absolute; top:50%; right:1.5rem; transform:translateY(-50%); content: "\e942"; font-size:2rem; color: #fff; text-indent: 0;}
.fakeform-selectbox .select-title strong {width: 100%; font-weight: 400; word-break: break-all; display: block; overflow: hidden;}
.fakeform-selectbox .select-title.active{border-color: #fff; border-radius: 0.5rem 0.5rem 0 0;}
.fakeform-selectbox .select-title.active:after{content: "\e945";}
.fakeform-selectbox .select-title.focus{}
.fakeform-selectbox .select-title.disabled{}
.fakeform-selectbox.gray-ver .select-title{color: #000;}
.fakeform-selectbox.gray-ver .select-title.active{border-color: #000;}
.main-now-item.error .fakeform-selectbox .select-title,
.main-now-item.error .fakeform-selectbox .select-title.active{border-color: var(--main-color);}
/* ¿É¼Çâ */
.select-option {border: 1px solid #ddd; border-top: 0; background: #fff; max-height: 200px; overflow: auto; z-index: 999 !important; border-radius: 0 0 0.5rem 0.5rem; margin-top: 0;}
.select-option.gray-ver {background: #EEEEEE; border-color: #000;}
html:not(.is-mobile) .select-option::-webkit-scrollbar {
	width: 7px;
}
html:not(.is-mobile) .select-option::-webkit-scrollbar-track {
	background-color: #f2f2f2;
}
html:not(.is-mobile) .select-option::-webkit-scrollbar-thumb {
	background-color: #333;
	border-radius:7px;
	transition:all 0.5s;
}
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;}
.select-option span,
.select-option strong {height: auto; font-size: 1rem; line-height: 1.5; color: #666; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 1rem 2rem; display: block; overflow: hidden; cursor: pointer;}
.select-option span:hover {background: #f2f2f2;}
.select-option span.selected {color: #000; font-weight: 600;}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none; cursor: default;}


/* Product */
.p_product { margin:150px auto; }

@media all and ( max-width: 1430px ){

	.p_product { margin:50px auto; }
}

/* sec-product-view */
.sec-product-view { margin-bottom: 240px;}
.sec-product-view h2 {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
	color:#fff;
}
.sec-product-view h3 { font-size: 22px; font-weight: bold; color:#fff; }

.sec-product-view .product-view .content-top { display: flex; margin-bottom: 110px;}
.sec-product-view .product-view .content-top .col { width: 50%;}
.sec-product-view .product-view .content-top .col.slide-wrap { padding: 0; background:transparent; }
.sec-product-view .product-sw { overflow: hidden;}
.sec-product-view .product-sw .swiper-notification { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }
.sec-product-view .product-sw .swiper-wrapper { margin-bottom: 60px;}
.sec-product-view .product-sw figure { width: 80.6%; margin: 0 auto; }
.sec-product-view .product-sw figure img { width:100%; height:auto; }
.sec-product-view .product-sw .swiper-slide { width: 100%;}
.sec-product-view .product-sw .swiper-pagination { display: flex; position: static;}
.sec-product-view .product-sw .swiper-pagination-bullet { width: 100px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 5px; opacity: 1; background: #f0f0f0;}
.sec-product-view .product-sw .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 10px;}
.sec-product-view .product-sw .swiper-pagination-bullet-active { background: none; opacity: 1;}
.sec-product-view .product-sw .swiper-pagination-bullet:nth-child(4) { border: 1px solid blue;}
.sec-product-view .product-sw2 { overflow: hidden; width: 100%; height: 80px;}
.sec-product-view .product-sw2 .swiper-slide { display: flex; align-items: center; justify-content: center; border-radius: 5px; opacity: 1; background: #f0f0f0; box-sizing: border-box; cursor: pointer;}
.sec-product-view .product-sw2 .swiper-slide.swiper-slide-thumb-active { border: 1px solid #ddd;}
.sec-product-view .product-sw2 figure { width: 80.6%; margin: 0 auto; padding-bottom: 61.6%;}
.sec-product-view .product-sw2 figure img { transition: transform 0.5s;}
.sec-product-view .slide-btns { max-width: 600px; margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 45px;}
.sec-product-view .slide-btn { flex-shrink: 0; width: 35px; height: 35px; background: url(/common/images/slide-next.png) no-repeat center/cover; cursor: pointer;}
.sec-product-view .slide-btn.button-next.swiper-button-disabled { opacity: 1; background-image: url(/common/images/slide-next-end.png); pointer-events: none;}
.sec-product-view .slide-btn.button-prev.swiper-button-disabled { opacity: 1; background-image: url(/common/images/slide-prev-end.png); pointer-events: none;}
.sec-product-view .slide-btn.button-prev { background-image: url(/common/images/slide-prev.png);}
.sec-product-view .product-view .content-top .col.text-wrap {}
.sec-product-view .text-wrap { width: 100%; height: 100%; overflow: hidden; padding-left:5%; padding-top:10px;}
.sec-product-view .text-wrap .text-boxs { margin-bottom: 50px;}
.sec-product-view .text-wrap .text-boxs .text { font-size: 20px; color: #aaa; margin-bottom: 50px;}
.sec-product-view .text-wrap .text-boxs .desc { font-size: 15px;}
.sec-product-view .text-wrap .list { margin-top:30px; }
.sec-product-view .text-wrap .list li { position:relative; font-size:14px; color:#fff; line-height:1.5; word-break:keep-all; padding-left:15px; }
.sec-product-view .text-wrap .list li:before { position:absolute; top:12px; left:0px; content:''; background:#fff; width:4px; height:4px; border-radius:2px; }
.sec-product-view .text-wrap .list li + li { margin-top:5px; }
.sec-product-view .text-wrap .list .title { display: flex; align-items: center; font-weight: 600; color: #fff; margin-bottom: 20px; font-size: 19px;}
.sec-product-view .text-wrap .list .value { font-size: 32px; font-weight: bold; line-height: 1;}
.sec-product-view .text-wrap .list .value p { line-height: 1; display: flex; align-items: flex-end;}
.sec-product-view .text-wrap .list .value p + p { margin-top: 20px;}
.sec-product-view .text-wrap .list .value span { font-size: 14px; color: #fff; line-height: 1; margin-left: 10px; margin-bottom: 5px; font-weight: 400;}
.sec-product-view .text-wrap .icon { width: 40px; height: 40px; background-position: center; background-size: auto 100%; background-repeat: no-repeat; margin-right: 15px;}

.sec-product-view .content-body .heading { font-size: 32px; font-weight: bold; margin-bottom: 50px;}
.sec-product-view .content-body .product-table { width: 100%; overflow-x: auto; position: relative;}
.sec-product-view .content-body .product-table table { width: 100%; table-layout: fixed; border-collapse:collapse; min-width: 1024px;}
.sec-product-view .content-body .product-table .drapwrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product-table table th { height: 62px; border: 1px solid #1a1a1a; background: #ed6d00; color:#fff; text-align: left; padding: 6px 12px; font-weight: 600; font-size: 17px;}
.product-table table td { height: 56px; border: 1px solid #1a1a1a; padding: 6px 12px; font-size: 17px; color:#fff; }
/* .product-table table th:nth-child(-n+2) { width: 20%;} */
/* .product-table table th:nth-child(n+3), .product-table table td:nth-child(n+3) { text-align: right; } */
/* .product-table table th:nth-last-child(-n+2),
.product-table table td:nth-last-child(-n+2) { text-align: right; } */
.sec-product-view .content-body .product-table.fixauto table { table-layout: auto;}
.product-table.v3 table th:nth-child(2), .product-table.v3 table td:nth-child(2) { text-align: left;}
.product-table.transporting table th,
.product-table.transporting table td { text-align: left;}
/* .product-table.transporting table th:nth-last-child(-n+2), .product-table.transporting table td:nth-last-child(-n+2) { text-align: right; } */
/* .product-table.transporting table tr:nth-last-child(-n+4) th:nth-last-child(-n+2),
.product-table.transporting table tr:nth-last-child(-n+4) td:nth-last-child(-n+2) { text-align: center;} */
.product-table.inverter table { table-layout: auto !important;}
.product-table.inverter table th,
.product-table.inverter table td { text-align: left !important; width: auto !important;}
.sec-product-view.eco { margin-bottom: 120px; position: relative;}
.sec-product-view.eco .product-view .content-top { padding: 2.5% 2.5% 0;}
.sec-product-view.eco .product-view .content-top .col.slide-wrap { border-radius: 20px; padding: 0;}
.sec-product-view.eco .product-view .img-box img { display: block; margin: 0 auto;}
.sec-product-view.eco .product-view .text-wrap { padding-top: 132px; padding-right: 7.4%;}
.sec-product-view.eco .product-view .text-wrap .text-boxs .heading { margin-bottom: 50px;}
.sec-product-view.eco .product-view .text-wrap .text-boxs .sub-heading { font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.sec-product-view.eco .product-view .text-wrap .text-boxs .desc { font-size: 17px;}
.sec-product-view.eco .product-view .text-wrap .text-boxs .desc + .desc { margin-top: 40px;}
@media (pointer:fine) {
  .sec-product-view .product-sw2 .swiper-slide:hover figure img { transform: scale(1.1);}
  .sec-product-view .slide-btn.button-next:hover { background: url(/common/images/slide-next-hover.png) no-repeat center/cover;}
  .sec-product-view .slide-btn.button-prev:hover { background: url(/common/images/slide-prev-hover.png) no-repeat center/cover;}
}
@media screen and (max-width: 1024px) {
  .sec-product-view { margin-bottom: 140px;}
  .sec-product-view .product-view .content-top { flex-direction: column;}
  .sec-product-view .product-view .content-top .col { width: 100%;}
  .sec-product-view .text-wrap { padding: 40px 5% 0;}
  .sec-product-view .text-wrap .text-boxs { margin-bottom: 50px;}
  .sec-product-view .text-wrap .text-boxs .text { margin-bottom: 30px;}
  .sec-product-view .text-wrap .list .value { font-size: 24px;}
  .sec-product-view.eco .product-view .text-wrap { padding: 40px 2.5% 0;}
}
@media screen and (max-width: 767px) {
  .sec-product-view { margin-bottom: 60px;}
  
  .sec-product-view h2 {
		font-size: 32px;
	}
	.sec-product-view h3 { font-size: 22px; }
	
  .sec-product-view .product-view .content-top .col.slide-wrap { padding: 30px 5%; border-radius: 0;}
  .sec-product-view .slide-btns { gap: 10px;}
  .sec-product-view .product-sw2 { height: 50px;}
  .sec-product-view .product-sw .swiper-wrapper { margin-bottom: 50px;}
  .sec-product-view .text-wrap .text-boxs { margin-bottom: 30px;}
  .sec-product-view .text-wrap .text-boxs .heading { margin-bottom: 10px;}
  .sec-product-view .text-wrap .text-boxs .text { font-size: 16px;}
  .sec-product-view .text-wrap .text-boxs .desc { font-size: 14px;}
  .sec-product-view .text-wrap .list li:first-child { margin-right: 0;}
  .sec-product-view .text-wrap .list .title { font-size: 16px;}
  .sec-product-view .text-wrap .icon { width: 30px; height: 30px;}
  .sec-product-view .text-wrap .list li { font-size: 14px; }
  .sec-product-view .text-wrap .list .value { font-size: 20px;}
  .sec-product-view .text-wrap .list .value span { margin-bottom: 0; font-size: 14px;}
  .sec-product-view .product-view .content-top { margin-bottom: 50px;}
  .sec-product-view.eco .product-view .text-wrap .text-boxs .sub-heading { font-size: 16px;}
  .sec-product-view .content-body .heading { font-size: 20px; margin-bottom: 20px;}
  .sec-product-view .content-body .product-table table { min-width: 767px;}
  .product-table table th { font-size: 16px; height: 52px;}
  .product-table table td { font-size: 14px; height: 46px;}
  .sec-product-view.eco { margin-bottom: 60px;}
  .sec-product-view.eco .product-view .content-top { margin-bottom: 0;}
  .sec-product-view.eco .product-view .text-wrap .text-boxs .heading { margin-bottom: 30px;}
  .sec-product-view.eco .product-view .text-wrap .text-boxs .desc { font-size: 14px;}
  .sec-product-view.eco .product-view .text-wrap .text-boxs .desc + .desc { margin-top: 20px;}
}

/* ¿¬Çõ */
.history {
  max-width: 1200px;      /* ÃÖ´ë Æø */
  margin: 0 auto;         /* °¡¿îµ¥ Á¤·Ä */
  padding: 0 20px;
  box-sizing: border-box;
}

.history > p {
  margin-bottom: 55px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: #fff;
  line-height: 1.5em;
  text-align: center;      /* ¹®±¸µµ Áß¾Ó Á¤·Ä */
}

/* ¿¬µµ + ŸÀÓ¶óÀÎ ±¸Á¶ */
.history .ceo-cont .history-wrap {
  position: relative;
  padding-top: 95px;
  border-top: 2px solid #000;
}

/* Áß¾Ó ¶óÀÎ */
.history .ceo-cont .history-wrap::before {
  content: '';
  position: absolute;
  width: 1px;
  height: calc(100% - 200px);
  background: #ddd;
  left: 305px;      /* ¿¬µµ Æø ±âÁØ */
  top: 110px;
}

/* ¿¬µµ ¿µ¿ª */
.history .year {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 80px;
}

.history .year:last-child { margin-bottom: 0; }

.history .year h3 {
  position: relative;
  padding-top: 10px;
  width: 305px;
  padding-right: 116px;
  text-align: end;
  font-size: 24px;
  font-weight: 800;
  line-height: 0.75em;
  letter-spacing: -.03em;
  color: #fff;
}

.history .year h3::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 100%;
  border: 2px solid #fff;
  right: 0;
  margin-right: -5px;
  top: 50%;
  transform: translateY(-20%);
}

/* active */
.history .history-wrap .year.active h3 {position:relative; font-size:60px;}
.history .history-wrap .year.active h3::before {
  width:100px;
  height:100px;
  right:0;
  margin-right:-50px;
  top:-15px;
  background:url('../img/icon/history-ico-big.png') no-repeat 50% 50% / contain;
  border:none;
}
.history .history-wrap .year.active .story-wrap .story ul li{font-weight:700;}
.history .history-wrap .year.active .story-wrap .month {font-weight:700; color:#ed6d00;}

/* ========== ¿ùº° ±×·ì ========== */
.hist-list {
  margin: 0 0 0 30px;
  padding: 0;
  list-style: none;
}

.hist-list .month-group {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.hist-list .month {
  display: inline-block;
  width: 55px;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
  color: #898989;
  line-height: 1.75em;
  flex-shrink: 0;
}

.hist-list .entries {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1;
}

.hist-list .entries li {
  position: relative;
  padding-left: 14px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75em;
  color: #fff;
}

.history .hist-list .entries > li::before{
  content:'';
  position:absolute; left:0; top:50%;
  margin-top:-2px;
  line-height:1.75em; 
  background:#fff;
  width:2px;
  height:2px;
}



/* ========== ¹ÝÀÀÇü ========== */
@media (max-width: 1280px) {
  .history .ceo-cont .history-wrap::before { left: 260px; }
  .history .year h3 { width: 260px; padding-right: 90px; font-size: 20px; }
  .history .history-wrap .year.active h3::before {
    width:72px; height:72px; margin-right:-36px; top:-8px;
  }
}

@media (max-width: 1024px) {
  .history .ceo-cont .history-wrap::before { left: 220px; }
  .history .year h3 { width: 220px; padding-right: 70px; font-size: 18px; }
}

@media (max-width: 768px) {
  .history .ceo-cont .history-wrap::before {
    left: 24px;
    top: 80px;
    height: calc(100% - 120px);
  }
  .history .year {
    display: block;
    padding-left: 44px;
    padding-bottom: 48px;
  }
  .history .year h3 {
    width: 100%;
    text-align: left;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: 8px;
    font-size: 22px;
  }
  .history .year h3::before {
    left: -20px;
    right: auto;
    margin: 0;
    top: 0.6em;
    transform: none;
  }
  .hist-list .month { width: 42px; font-size: 15px; }
  .hist-list .entries li { font-size: 15px; line-height: 1.6; }
	.hist-list {
	  margin: 0;
	}

  .history .history-wrap .year.active h3 { font-size:28px; }
  .history .history-wrap .year.active h3::before {
    width:40px; height:40px; left:-36px; top:-6px;
    background-size:contain; border:none;
  }
}

@media (max-width: 480px) {
  .history .ceo-cont .history-wrap::before { left: 18px; }
  .history .year { padding-left: 36px; }
  .history .year h3::before { left: -22px; }
  
  .history .history-wrap .year.active h3::before {
    left:-32px; width:32px; height:32px;
  }
}
/* ¿¬Çõ */


/* ******************   ƯÇã ¹× ÀÎÁõ¼­ :: ƯÇã ¹× ÀÎÁõ¼­ 05(2022-08-04) ********************** */
.certifi-list-style .certificate-list{margin:0 -1%;}
.certifi-list-style .certificate-list li{float:left; width:23%; margin:0 1% 70px 1%;}
.certifi-list-style .certificate-list .certificate-img-thumb{position:relative; padding:0; border-radius:10px; overflow:hidden; }
.certifi-list-style .certificate-list .certificate-img-thumb .img-con{
	display:block; 
	position:relative; 
	width: 100%; 
	margin:0px auto; 
	/* border-style: solid;
	border-width: 10px;
	border-image-source: linear-gradient(to top, #b09260, #f3d98d, #dbc48d, #dbc48d, #f3d98d, #dbc48d);
	border-image-slice: 1; */
 }
 .certifi-list-style .certificate-list .certificate-img-thumb .img-con:before{
	position: absolute; 
	content: ''; 
	z-index: 1; 
	top: -0.6771vw; 
	left: -0.6771vw; 
	width: calc(100% + 1.3542vw); 
	height: calc(100% + 1.7708vw); 
	background: url("../img/sub/cert/certificate_cover.png") 0 0 no-repeat; 
	background-size:100% 100%;
}
.certifi-list-style .certificate-list .certificate-img-thumb .img-con span{position: relative; width: 100%; height: 0; padding-top: 133%; display: block;}
.certifi-list-style .certificate-list .certificate-img-thumb .img-con span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}
.certifi-list-style .certificate-list .certificate-img-thumb .certificate-over-box{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:2px solid var(--main-color); opacity:0; visibility:hidden; transition:all 0.3s; border-radius:10px;}
.certifi-list-style .certificate-list .certificate-img-thumb .certificate-over-box i{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; width:50px; height:50px; line-height:50px; background-color:var(--main-color); text-align:center; color:#fff; font-size:20px; border-radius:50%;}
.certifi-list-style .certificate-list .certificate-tit{font-size:20px; line-height: 1.1; color:#fff; font-weight:400; letter-spacing:-0.025em; text-align:center; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:1.15em;}
@media all and (min-width:801px){
	.certifi-list-style .certificate-list li a:hover .certificate-img-thumb .certificate-over-box{opacity:1.0; visibility:visible;}
}
@media all and (max-width:1220px){
	.certifi-list-style .certificate-list li{width:31.33%;}
}
@media all and (max-width:800px){
	.certifi-list-style .certificate-list{max-width:480px; margin:0px auto;}
    .certifi-list-style .certificate-list li{width:48%; margin-bottom: 35px;}
	.certifi-list-style .certificate-list .certificate-img-thumb{padding: 0}
	.certifi-list-style .certificate-list .certificate-img-thumb .img-con{width:95%}
	.certifi-list-style .certificate-list .certificate-img-thumb .img-con:before{height:calc(100% + 3vw)}
	.certifi-list-style .certificate-list .certificate-img-thumb .certificate-over-box{display: none;}
	.certifi-list-style .certificate-list .certificate-tit{font-size:18px;} 
}

/* ÀÎÁõ¼­ */
.cert-section{
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

.cert-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px 36px;
}

.cert-card{
  display: block;
  text-decoration: none;
}

.cert-card .thumb{
  background: #eee;
  border-radius: 6px;
  aspect-ratio: 3 / 4;
  display: grid;
  place-items: center;
  position: relative;
  transition: box-shadow .18s ease, transform .18s ease;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;
}

.cert-card .thumb img{
  max-width: 82%;
  max-height: 82%;
  object-fit: contain;
}

.cert-card .title{
  margin: 14px 0 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cert-card:hover .thumb,
.cert-card:focus-visible .thumb{
  box-shadow: 0 0 0 2px #2e6bff inset, 0 6px 18px rgba(0,0,0,.08);
  transform: translateY(-2px);
}


@media (max-width: 900px){
  .cert-grid{ gap: 28px 24px; }
}
@media (max-width: 600px){
  .cert-section{ padding: 0 16px; }
  .cert-card .title{ font-size: 15px; }
}
/* ÀÎÁõ¼­ */