.scroll_sections{

}

.bgtab6{background: #f8f8f8; margin-top: 100px; padding-bottom: 100px}

#cont_area{
	padding:0 20px;
	width:100% !important;
	max-width:1660px;
}

#cont_area.w100{
	padding:0 0px;
	width:100% !important;
	max-width:100%;
}

.page_head_html{
	position:relative;
	width:100%;
	height:950px;
	overflow:hidden;
}

.page_head_html #cont_area{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
	padding:0;
	max-width:none !important;
}

.page_head_html .location_bar{
	padding-top:50px;
	text-align:center;
}

.location_bar a{
	color:#fff;
	font-size:20px;
	font-weight:500;
	line-height:44px;
	letter-spacing:-.30px;
}

.location_bar i{
	color:#fff;
	font-size:20px;
	font-weight:500;
	line-height:44px;
	letter-spacing:-.30px;
	margin:0 10px;
}

.page_head_html .page_title h2.title p{
	color:#34A1A2;
	text-align:center;
	line-height:92px;
	font-size:24px;
	font-weight:500;
}

.page_head_html .page_title h2.title{
	color:#ffffff;
	font-size:68px;
	font-weight:400;
	letter-spacing:-.30px;
	line-height:84px;
	text-align:center;
	font-family: 'Noto Serif KR', serif;
}

.page_head_html .page_title .nav_list{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	border-top:1px solid #ffffff59;
}

.page_head_html .page_title .nav_list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.page_head_html .page_title .nav_list ul li{
	padding:0px 20px;
	position:relative;
	min-width:165px;
	text-align:center;
}

.page_head_html .page_title .nav_list ul li:first-child{

}

.page_head_html .page_title .nav_list ul li a{
	color:#ffffff;
	font-weight:500;
	letter-spacing:-.30px;
	line-height:100px;
	font-size:20px;
	display:block;
}

.page_head_html .page_title .nav_list ul li.on{
	border-bottom:3px solid #fff;
}




.page_html_banner{
	width:100%;
	height:100%;
	position:relative;
	max-height:950px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	transition-delay:0s !important;
	transform: scale(1.3,1.3);
    backface-visibility: hidden;
    transition: transform 7000ms ease-in-out;
}

.page_html_banner.view{
	-webkit-transform: scale(1.0,1.0) rotate(0.002deg);
    transform: scale(1.0,1.0) rotate(0.002deg);
}

.page_html{
	padding:130px 0;
	padding-bottom:0;
}

.page_eng_title{
	color:#1e9ea1;
	font-size:16px;
	font-weight:bold;
	line-height:84px;
	letter-spacing:-.30px;
	display:block;
}

#company_1 .page_eng_title{
	max-width:1360px;
	margin:0 auto;
}

#company_1 .company_title{
	font-size:50px;
	font-weight:400;
	line-height:80px;
	letter-spacing:-.30px;
	color:#222222;
	font-family: 'Noto Serif KR', serif;
	max-width:1360px;
	margin:0 auto;
}

#company_1 .company_content{
	color:#777777;
	font-size:24px;
	font-weight:400;
	letter-spacing:-.30px;
	line-height:44px;
	word-break:keep-all;
	margin-top:70px;
}

#company_1 .company_content strong{
	font-size:28px;
	font-weight:600;
	line-height:84px;
	letter-spacing:-.30px;
	color:#161c0c;
	display:block;
    margin-bottom: 15px;
    margin-top: 10px;
}

#company_1 .company_side_banner{
	width:100%;
	margin:100px 0;
	text-align:center;
	background-size:cover;
	max-width:1240px;
	max-height:400px;
	height:400px;
	background-repeat:no-repeat;
	background-position:center;
}

#company_1 .page_html2{
	padding:125px 0;
}

#company_1 .grid_area{
	grid-template-columns: repeat(12, 1fr);
	align-items: center;
	gap:90px;
	column-gap:20px;
}

#company_1 .left_img{
	grid-column-start: 1;
    grid-column-end: 7;
    position: relative;
}

#company_1 .left_img.left_2{
	grid-column-start: 7;
    grid-column-end: 13;
	text-align:right;
}

#company_1 .left_img.left_3{
	grid-column-start: 2;
    grid-column-end: 7;
}



#company_1 .left_img img{
	max-width:100%;
}

#company_1 .right_text{
	grid-column-start: 7;
    grid-column-end: 12;
    position: relative;
}

#company_1 .right_text.right_2{
	grid-column-start: 2;
    grid-column-end: 7;
}

#company_1 .right_text h2{
	color:#34A1A2;
	font-size:32px;
	font-weight:400;
	line-height:56px;
	letter-spacing:-.30px;
	margin-bottom:18px;
	font-family: 'Noto Serif KR', serif;
}

#company_1 .right_text h2 b{
	font-weight:bold;
}

#company_1 .right_text h2 p.icon{
	font-family: 'Noto Serif KR', serif;
	font-size:130px;
	font-weight:bold;
	opacity:.4;
	padding-top: 30px;
}



#company_1 .page_html3{
	text-align:center;
	position:relative;
	background-image:url("../img/page/company_1_html5.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:auto;
	padding-bottom:22rem;
}

#company_1 .page_html3 .company_title{
	text-align:center;
	color:#222222;
	font-size:48px;
	line-height:80px;
	letter-spacing:-.25px;
}

#company_1 .svg_area{
	padding:150px 0;
}

#company_1 .svg_area img{
	max-width:100%;
}

#company_3 .page_eng_title{
	text-align:center;
}





#company_2 .company_title{
	font-size:35px;
	font-weight:900;
	line-height:60px;
	letter-spacing:-.30px;
	color:#161c0c;
}

#company_2 .company_top_t{
	font-size:20px;
	font-weight:400;
	color:#161c0c;
	line-height:32px;
	letter-spacing:-.30px;
	margin-bottom: 35px;
    margin-top: 55px;
}

#company_2 .company_top_t b{
	color:#77be4c;
	font-weight:bold;
}

#company_2 .company_content{
	color:#585958;
	font-size:16px;
	font-weight:400;
	letter-spacing:-.30px;
	line-height:28px;
}


#company_2 .company_side_banner{
	width:100%;
	margin:100px 0;
	text-align:center;
	background-size:cover;
	max-width:1240px;
	max-height:346px;
	height:346px;
	background-repeat:no-repeat;
	background-position:center;
}


#company_2 .box_area{
	background:#f9f9f9;
	height:360px;
	padding:0 30px;
	border-radius:10px;
}

#company_2 .box_area#box1{
	grid-column-start: 1;
    grid-column-end: 4;
    position: relative;
}

#company_2 .box_area#box2{
	grid-column-start: 4;
    grid-column-end: 7;
    position: relative;
}

#company_2 .box_area#box3{
	grid-column-start: 7;
    grid-column-end: 10;
    position: relative;
}

#company_2 .box_area#box4{
	grid-column-start: 10;
    grid-column-end: 13;
    position: relative;
}

#company_2 .box_area .icon{
	text-align:left;
	min-height:55px;
	margin-bottom:60px;
	margin-top:50px;
}

#company_2 .box_area .text_area h2{
	color:#161c0c;
	font-size:24px;
	font-weight:bold;
	text-align:left;
	line-height:32px;
	letter-spacing:-.30px;
	margin-bottom:25px;
}

#company_2 .box_area .text_area p{
	color:#8b8c8b;
	line-height:24px;
	letter-spacing:-.30px;
	font-size:16px;
	font-weight:400;
	text-align:left;
}

#company_2 .vision{
	margin:100px 0;
	grid-template-columns: repeat(2, 1fr);
	gap:30px;
}

#company_2 .cont_box{
	background:#f9f9f9;
	text-align:center;
	border-radius:20px;
	padding:40px 0;
}

#company_2 .cont_box#c_1{
	grid-column-start: 1;
    grid-column-end: 7;
	position: relative;
}

#company_2 .cont_box#c_2{

	position: relative;
}


#company_2 .cont_box#c_3{

	position: relative;

}

#company_2 .cont_box#c_4{
	grid-column-start: 7;
    grid-column-end: 13;
	position: relative;
	margin-top:50px;
}


#company_2 .cont_box .text_area{
	display: flex;
    flex-direction: column;
    justify-content: center;
	height:100%;
	text-align:center;
}

#company_2 .cont_box .text_area{
	width:90%;
	margin:0 auto;
}

#company_2 .cont_box .text_area h2{
	font-size:32px;
	line-height:32px;
	letter-spacing:-.30px;
	font-weight:bold;
	color:#161c0c;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:25px;
}

#company_2 .cont_box .text_area p{
	color:#585958;
	font-size:20px;
	letter-spacing:-.30px;
	line-height:32px;
	padding-top:25px;
}






#company_3 .company_title{
	text-align:center;
	color:#222222;
	font-size:48px;
	line-height:80px;
	letter-spacing:-.25px;
	font-weight:400;
	font-family: 'Noto Serif KR', serif;
}

#company_3 .history_area{
	position:relative;
	margin-top:130px;
}

#company_3 .history_title{
	font-size:44px;
	color:#222222;
	font-weight:400;
	line-height:68px;
	letter-spacing:-.30px;
	font-family: 'Noto Serif KR', serif;
}

#company_3 .page_eng_title_history{
	color:#bfbfbf;
	font-size:36px;
	line-height:64px;
	letter-spacing:-.25px;
	font-family: 'Noto Serif KR', serif;
}

#company_3 .history_title b{
	font-weight:400;
	color:#34A1A2;
}

#company_3 .year{
	font-size:36px;
	color:#161c0c;
	font-weight:bold;
	line-height:84px;
	letter-spacing:-.30px;
}

#company_3 .history_area .contents{margin:0 auto;position:relative;}
#company_3 .history_area .tit {float:left;width:50%;position:absolute;left:0;}
#company_3 .history_area .tit.on {
    z-index: 90;
    position: fixed;
    top: 80px;
    left: 142px;
}

#company_3 .history_area .tit.on_stop{
	position:absolute;
	bottom:0;
	top:auto;
	left:0;
}


#company_3 .history_area .history_img{
	margin-top:80px;
}

#company_3 .history_area .history_img img{
	max-width:100%;
}

#company_3 .history_area .list {float:right; position:relative; width:50%; padding-bottom:117px;border-top:3px solid #555555;}
/*#company_3 .history_area .list:after {content:''; position:absolute; width:3px; height:100%; background:#f2f2f2; top:0; left:0px;}*/
#company_3 .history_area .list dl {position:relative; z-index:10;padding:60px 0;display:table;border-bottom:1px solid #e5e5e5;width:100%;}
/*#company_3 .history_area .list dl:after {position:absolute; content:''; width:12px; height:12px; border-radius:50%; background:#fff; top:0; left:-4px; z-index:10;border:3px solid #77be4c;}
*/#company_3 .history_area .list dl ~ dl {margin-top:30px;}
#company_3 .history_area .list dt {overflow:hidden; border-radius:20px;margin-top:93px;}
#company_3 .history_area .list dd {margin-top:35px; color:#585958; font-size:18px;}
#company_3 .history_area .list dd p {font-weight:400; box-sizing:border-box;    display: flex;}
#company_3 .history_area .list dd p span{color:#161c0c;font-weight:bold;margin-right:45px;min-width:81px;}
#company_3 .history_area .list dd p ~ p {margin-top:3px;}

#company_3 .history_area .list dl dt{
	color:#bbbbbb;
	font-weight:bold;
	font-size:44px;
	letter-spacing:-.25px;
	font-family: 'Noto Serif KR', serif;
	display:table-cell;
	padding-right:100px;
	transition:.35s all;
}

#company_3 .history_area .list dl dt.on{
	color:#34A1A2;
}

#company_3 .history_area .list dd.type2{
	margin-top:80px;
	padding-top:80px;
	border-top:1px solid #e5e5e5;
}

#company_3 .history_area .list dd.type2 p{
	margin-bottom:35px;
}

#company_3 .history_area .navi_wrap {position:absolute; top:0px; right:-15rem; text-align:right; width:95px;}
#company_3 .history_area .navi_wrap li a{font-weight:500;}
#company_3 .history_area .navi_wrap.fixed {position:fixed; top:50%; transform:translateY(-50%); right:5.7rem;z-index:980;}
#company_3 .history_area .navi_wrap:after {position:absolute; content:''; width:2px; height:93%; background:#f2f2f2; top:5%; right:5px; z-index:-1;}
#company_3 .history_area .navi_wrap li ~ li {margin-top:30px;}
#company_3 .history_area .navi_wrap li {color:#93998a; font-size:16px; transition:.3s;}
#company_3 .history_area .navi_wrap li span {display:inline-block; vertical-align:middle; margin-left:35px; width:12px; height:12px; border-radius:50%; background:#dddddd; transition:.3s;}
#company_3 .history_area .navi_wrap li.on {margin-right:0px; color:#161c0c; font-size:20px;}
#company_3 .history_area .navi_wrap li.on span {background:#ffffff; border:6px solid #77be4c;}

#company_3 .contents:after {
    content: '';
    display: block;
    clear: both;
}

#company_3 .history_area .linex {
    display: block;
    position: absolute;
    left: calc(50% + 2px);
    top: 0px;
    transform: translateX(-50%);
    width: 2px;
    height: 0;
    background: #77be4c;
    transition: 0.5s ease;
    z-index: 80;
}


.root_daum_roughmap.map_cont{
	margin-top:80px;
	height:550px;
}

#company_4 .page_eng_title {
    text-align: center;
}

#company_4 .company_title{
	text-align: center;
    color: #222222;
    font-size: 48px;
    line-height: 80px;
    letter-spacing: -.25px;
    font-weight: 400;
    font-family: 'Noto Serif KR', serif;
}

#company_4 .company_content{
	color:#585958;
	font-size:16px;
	font-weight:400;
	letter-spacing:-.30px;
	line-height:28px;
}

#company_4 .grid_area{
	grid-template-columns: repeat(2, 1fr);
	gap:0;
	padding:150px 0;
}

#company_4 .map_box{
    position: relative;
	padding-left:100px;
	border-right:1px solid #e5e5e5;
}

#company_4 .map_box h2{
	color:#222222;
	font-size:44px;
	font-weight:400;
	letter-spacing:-.30px;
	line-height:68px;
	font-family: 'Noto Serif KR', serif;
}

#company_4 .map_box h2 b{
	color:#1e9ea1;
}

#company_4 .map_box h2::after{
	content:"";
	width:100px;
	height:0px;
	background:#1e9ea1;
	display:block;
	margin-top:65px;
}

#company_4 .map_box .page_eng_title{
	line-height:1.0;
}


#company_4 .map_content{
	position:relative;
	padding-left:90px;
}

#company_4 .map_content dl{
	display:block;
	margin-bottom:35px;
}


#company_4 .map_content dl dt{
	color:#222222;
	font-weight:600;
	font-size:20px;
	line-height:32px;
	letter-spacing:-.30px;
	margin-bottom:15px;
	min-width:36px;
}

#company_4 .map_content dl dt::before{
	content:"▪";
	display:inline-block;
	color:#34A1A2;
	font-size:20px;
	margin-left:-30px;
}

#company_4 .map_content dl dd p{
	color:#777777;
	font-weight:400;
	font-size:20px;
	line-height:36px;
	letter-spacing:-.30px;
}

#company_4 .map_content dl dd p span{
	color:#777777;
	font-weight:bold;
	margin-right:20px;
}

#company_4 .map_content dl.a2type{
	width:30%;
	display:inline-block;
}

#company_4 .map_or{
	position:relative;
}

#company_4 .map_or .button_top{
	position:absolute;
	top:0;
	z-index:929;
	display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
}

#company_4 .map_or .button_top button{
	width:220px;
	height:90px;
	border:0;
	background:#dcdddd;
	color:#fff;
	font-size:24px;
	font-weight:600;
}

#company_4 .map_or .button_top button.on{
	background:#1e9ea1;
}

#company_4 .map_or .map_cont.map_view{
	display:block;
}

#company_4 .map_or .map_cont{
	display:none;
}














#rnd_1 .company_title{
	font-size:35px;
	font-weight:900;
	line-height:60px;
	letter-spacing:-.30px;
	color:#161c0c;
}

#rnd_1 .company_content{
	color:#585958;
	font-size:16px;
	font-weight:400;
	letter-spacing:-.30px;
	line-height:28px;
}

#rnd_1 .rnd_dia{
	position:relative;
	z-index:-1;
}

.is-inview #dia1{
	transform: translateY(0px);
    opacity: 1;
	transition-delay: 0.25s;
}

.is-inview #dia2{
	transform: translateY(0px);
    opacity: 1;
	transition-delay: 0.5s;
}

.is-inview #dia3{
	transform: translateY(0px);
    opacity: 1;
	transition-delay: 0.75s;
}

.is-inview #dia4{
	transform: translateY(0px);
    opacity: 1;
	transition-delay: 1s;
}

.is-inview #dia5{
	transform: translateY(0px);
    opacity: 1;
	transition-delay: 1.25s;
}




#rnd_2 .page_eng_title {
    text-align: center;
}

#rnd_2 .company_title{
	text-align: center;
    color: #222222;
    font-size: 48px;
    line-height: 80px;
    letter-spacing: -.25px;
    font-weight: 400;
    font-family: 'Noto Serif KR', serif;
}

#rnd_2 .company_content{
	color:#585958;
	font-size:16px;
	font-weight:400;
	letter-spacing:-.30px;
	line-height:28px;
}

#rnd_2 .cert_list{
	margin:2rem 0;
}

#rnd_2 .cert_list .grid_area{
	grid-template-columns: repeat(4, 1fr);
}

#rnd_2 .cert_list .cert_cont .img_area{
	background:#f9f9f9;
	padding:30px;
	display: flex;
    justify-content: center;
    align-items: center;
	position:relative;
	cursor:pointer;
}

#rnd_2 .cert_list .cert_cont .img_area::after {
    display: block;
    content: "";
    width: 80px;
    height: 80px;
    background-image: url("../img/page/mouse_zoom.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
    transition: .5s all;
}

#rnd_2 .cert_list .cert_cont:hover .img_area::after {
    opacity: 1;
}

#rnd_2 .cert_list .cert_cont .img_area img{
	max-width:230px;
}

#rnd_2 .cert_list .cert_cont .text_area{
	text-align:center;
	padding:35px 0;
}

#rnd_2 .cert_list .cert_cont .text_area h2{
	color:#161c0c;
	font-size:20px;
	font-weight:600;
	line-height:32px;
	letter-spacing:-.30px;
	margin-bottom:10px;
	word-break:keep-all;
}

#rnd_2 .cert_list .cert_cont .text_area span{
	color:#979997;
	font-size:16px;
	font-weight:400;
	line-height:32px;
	letter-spacing:-.30px;
	margin:0 auto;
}

#rnd_2 .cert_list .cert_cont .text_area p{
	color:#b1b2b1;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	letter-spacing:-.30px;
	margin-top:10px;
}







#rnd_3 .company_title{
	font-size:35px;
	font-weight:900;
	line-height:60px;
	letter-spacing:-1.5px;
	color:#161c0c;
}

#rnd_3 .company_content{
	color:#585958;
	font-size:16px;
	font-weight:400;
	letter-spacing:-1.5px;
	line-height:28px;
}

#rnd_3 #cont_area{

}

#rnd_3 .margin-default{
	margin:80px 0;
}



#cs_1 .page_eng_title {
    text-align: center;
}

#cs_1 .company_title{
	text-align: center;
    color: #222222;
    font-size: 48px;
    line-height: 80px;
    letter-spacing: -.25px;
    font-weight: 400;
    font-family: 'Noto Serif KR', serif;
}

#cs_1 .company_content{
	color:#585958;
	font-size:16px;
	font-weight:400;
	letter-spacing:-1.5px;
	line-height:28px;
}

#cs_1 #cont_area{
	max-width:1260px;
}

#cs_1 .margin-default{
	margin:80px 0;
}

#cs_1 .swiper-container{
	border-top:2px solid #161c0c;
	padding:60px 0;
}




#cs_1_1 .company_title{
	font-size:35px;
	font-weight:900;
	line-height:60px;
	letter-spacing:-1.5px;
	color:#161c0c;
	margin-bottom:80px;
}

#cs_1_1 .company_content{
	color:#585958;
	font-size:16px;
	font-weight:400;
	letter-spacing:-1.5px;
	line-height:28px;
}

#cs_1_1 #cont_area{

}

#cs_1_1 .margin-default{
	margin:80px 0;
}

#cs_1_1 .swiper-container{
	border-top:2px solid #161c0c;
	padding:60px 0;
}



#cs_2 .cs_area{
	border:1px solid #ededed;
	border-radius:10px;
	margin-bottom:80px;
}


#cs_2 .cs_title{
	width:100%;
	background:#f9f9f9;
	line-height:82px;
	color:#161c0c;
	font-weight:bold;
	font-size:24px;
	text-align:center;
}

#cs_2 .cs_pro{
	color:#161c0c;
	font-weight:600;
	font-size:28px;
	line-height:24px;
	padding:40px 0;
	width:90%;
	margin:0 auto;
	border-bottom:1px solid #ededed;
	text-align:center;
}

#cs_2 .cs_pro b{
	color:#77be4c;
	font-weight:bold;
	margin-right:20px;
}

#cs_2 .cs_info{
	padding:30px 0;
}

#cs_2 .cs_info ul{
	display:flex;
    justify-content: space-evenly;
    align-items: center;	
}

#cs_2 .cs_info li{
	color:#161c0c;
	font-weight:500;
	font-size:17px;
	line-height:24px;
}

#cs_2 .cs_info li span{
	color:#77be4c;
	margin-right:15px;
}


#cs_2 .company_title{
	font-size:35px;
	font-weight:900;
	line-height:60px;
	letter-spacing:-1.5px;
	color:#161c0c;
	margin-bottom:80px;
}

#cs_2 .company_content{
	color:#585958;
	font-size:16px;
	font-weight:400;
	letter-spacing:-1.5px;
	line-height:28px;
}




#product .page_eng_title{
	text-align:center;
	margin:0 auto;
}

#product .company_title{
	font-size:35px;
	font-weight:900;
	line-height:60px;
	letter-spacing:-1.5px;
	color:#161c0c;
	margin-bottom:80px;
	text-align:center;
}

#product .company_content{
	color:#585958;
	font-size:16px;
	font-weight:400;
	letter-spacing:-1.5px;
	line-height:28px;
}




#scont_wrap{ width:100%; margin:0 auto; min-height:450px;}
#scont {
    margin: 0 0 0px;
    padding: 0;
    width: 100%;
}

.area_product{
    z-index: 4;
    position: relative;
    min-height: 475px;
    height: auto !important;
    margin: 0;
    width: 100%;
    height: 475px;
    font-size: 1em;
    zoom: 1;
}


.product_list:after{content:''; display:block; clear:both;}	
.product_list > li{position:relative; float:left; width:33.333%; height:89vh; text-align:center; overflow:hidden;background:#000;}

.product_list > li .area_img{width:100%;height:100%;transform:scale(1,1);transition: all .7s ease-out 0s;}
.product_list > li:nth-child(1) .area_img{background:url(../img/product01.jpg)no-repeat center; background-size:cover;}
.product_list > li:nth-child(2) .area_img{background:url(../img/product02.jpg)no-repeat center; background-size:cover;}
.product_list > li:nth-child(3) .area_img{background:url(../img/product03.jpg)no-repeat center; background-size:cover;}


/*
.product_list > li:nth-child(1){background:url(../img/sub/img_product01.jpg)no-repeat center; background-size:cover;}
.product_list > li:nth-child(2){background:url(../img/sub/img_product02.jpg)no-repeat center; background-size:cover;}
.product_list > li:nth-child(3){background:url(../img/sub/img_product03.jpg)no-repeat center; background-size:cover;}
.product_list > li:nth-child(4){background:url(../img/sub/img_product04.jpg)no-repeat center; background-size:cover;}
*/
.product_list > li > a{display:block;box-sizing:border-box;width:100%;height:100%;transition: all 1s ease-out 0s;}
.product_list > li > a:hover .area_img{transform:scale(1.05,1.05);}
.product_list > li > a .txt{position:absolute;top:50%;left:50%;width:100%;transform: translate(-50% , -50%) translateY(20px);transition: all 0.5s ease-out 0s;}
.product_list > li > a .txt span{display:block; font-size:18px; font-weight:bold; color:#fff; word-break:keep-all; text-transform:uppercase;}
.product_list > li > a .txt h3{margin:10px 0 0; display:block; font-size:38px; font-weight:bold; color:#fff; text-transform:capitalize; word-break:keep-all; line-height:1.4em;}
#en .product_list > li > a .txt h3{line-height:1em;}
.product_list > li > a .txt .list_sub{opacity:0;visibility:hidden;position: absolute;width:100%;margin: 40px 0 0;padding:0 60px;transition: all 0.7s ease-out 0s;transform: translateY(30px);height: 30px !important;}
#en .product_list > li > a .txt .list_sub{margin:20px 0 0;}
.product_list > li > a .txt .list_sub:after{content:''; display:block; clear:both;}	
.product_list > li > a .txt .list_sub > li{position:relative; margin:5px auto;text-align:center;padding:25px 0;border-radius:5px;width:calc((100% / 1.6) - 0px); width:-webkit-calc((100% / 1.6) - 0px);box-sizing:border-box;border:1px solid #ffffff7d;background:none;font-size:20px;color:#fff;font-weight:600;text-align:center;transition:all 0.3s ease; word-break:keep-all;}
.product_list > li > a:hover .txt .list_sub{opacity:1;visibility:visible;transform: translateY(0);position: relative;}
.product_list > li > a:hover .txt .list_sub > li{display:block; opacity:1;}
.product_list > li > a:hover .txt {transform: translate(-50% , -50%) translateY(-65%);}

.page_html#product .product_grid{
	margin-bottom:100px;
}

.page_html#product .product_grid .grid_area{
    gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.page_html#product .product_area{
	grid-column-start: 1;
    grid-column-end: 7;
	position:relative;
	border-radius:10px;
	background:#eeeeee;
	overflow:hidden;
	height:400px;
}

.page_html#product .product_area:nth-child(2n){
	grid-column-start: 7;
    grid-column-end: 13;
}

.page_html#product .product_area a{
	display:block;
	height:100%;
}

.page_html#product .product_area a:hover .img_area{
	transform: scale(1.05);
}

.page_html#product .product_area .img_area{
	position:absolute;
	top:0;
	left:0;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	z-index:80;
	transition: .5s all;
}

.page_html#product .product_area .text_area{
	position:relative;
	z-index:90;
	padding:50px 40px;
	height:100%;
	display:flex;
	flex-direction: column;
    justify-content: flex-end;
}

.page_html#product .product_area .text_area .category{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	letter-spacing:-.30px;
	line-height:35px;
	width:120px;
	border:1px solid #ffffff;
	border-radius:17.5px;
}

.page_html#product .product_area .text_area .product_name{
	font-size:32px;
	font-weight:bold;
	line-height:84px;
	letter-spacing:-.30px;
	text-align:left;
	color:#fff;
}

.page_html#product .product_area .text_area .product_basic{
	font-weight:500;
	font-size:16px;
	text-align:left;
	letter-spacing:-.30px;
	color:#fff;
}




#product_view .product_top_area{
	margin-bottom:65px;
}

#product_view .product_top_area .grid_area{
    align-items: start;
}

#product_view .img_area{
	grid-column-start: 1;
    grid-column-end: 6;
	position:relative;
	border-radius:10px;
	background:#eeeeee;
	overflow:hidden;
	height:auto;
	overflow:hidden;
}

 #product_view .img_area img{
	transition: .5s all;
	max-width:100%;
 }

#product_view .img_area:hover img{
	transform: scale(1.05);
}

#product_view .text_area{
	grid-column-start: 7;
    grid-column-end: 13;
	position:relative;
	padding:35px 0;
}

#product_view .text_area .category{
	color:#77be4c;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-.30px;
}

#product_view .text_area .product_name{
	color:#161c0c;
	font-size:44px;
	font-weight:900;
	letter-spacing:-.30px;
	line-height:70px;
}

#product_view .text_area .product_basic{
	color:#585958;
	font-size:20px;
	font-weight:400;
	letter-spacing:-.30px;
	line-height:28px;
}

#product_view .text_area .text_box{
	margin-top:60px;
	margin-bottom:50px;
	padding:48px 0;
	border-bottom:1px solid #dddddd;
	border-top:2px solid #161c0c;
}

#product_view .text_area .text_box dl{
	display:flex;
}

#product_view .text_area .text_box dl dt{
	color:#161c0c;
	font-size:16px;
	font-weight:500;
	line-height:28px;
	letter-spacing:-.30px;
	padding-right:50px;
	min-width:80px;
}

#product_view .text_area .text_box dl dd{
	color:#585958;
	font-size:16px;
	letter-spacing:-.30px;
	line-height:28px;
	text-align:left;
}

#product_view .inquiry_btn{
	background:#77be4c;
	color:#fff;
	width:220px;
	height:60px;
	font-weight:500;
	font-size:16px;
	letter-spacing:-.25px;
	border-radius:30px;
	border:0;
}


#product_view .product_nav_area{
	width:100%;
	background:#fff;
	position:relative;
	box-shadow: 0px 8px 8px 0px #00000026;
}

#product_view .product_nav_area.is-inview{
	z-index:988;
	top:179px;
}

#product_view .product_nav_area .pr_nav ul{
	display:flex;
	align-items: center;
}

#product_view .product_nav_area .pr_nav ul li{
	padding:0 70px;
}

#product_view .product_nav_area .pr_nav ul li a{
	color:#878983;
	font-size:18px;
	font-weight:500;
	line-height:80px;
	letter-spacing:-.30px;
	display:block;
}

#product_view .product_nav_area .pr_nav ul li.on a{
	color:#161c0c;
}


#product_view .product_content_area{
	padding:25px 0;
}


#product_view .product_content_area .product_section{
	padding:100px 0;
}

#product_view .product_content_area .video_area{
	width:100%;
}

#product_view .product_content_area .video_area #product_video{
    width: 100%;
    height: 100%;
    position: relative;
	min-height:758px;
}


#product_view .section_title{
	color:#161c0c;
	font-size:32px;
	font-weight:bold;
	line-height:60px;
	letter-spacing:-.30px;
	margin-bottom:20px;
}

#product_view .product_content_area .section_box_list ul li{
	padding-top:60px;
	padding-bottom:80px;
	display:flex;
	align-items: center;
	border-bottom:1px solid #dddddd;
}

#product_view .product_content_area .section_box_list ul li:first-child{
	border-top:2px solid #161c0c;
}

#product_view .product_content_area .section_box_list ul li .icon_area{
	min-width:115px;
	max-width:155px;
	margin-right:90px;
}

#product_view .product_content_area .section_box_list ul li .text_area{
	padding:0;
}

#product_view .product_content_area .section_box_list ul li .text_area .title{
	color:#161c0c;
	font-size:24px;
	font-weight:500;
	letter-spacing:-.30px;
	line-height:84px;
}

#product_view .product_content_area .section_box_list ul li .text_area p{
	color:#585958;
	font-size:16px;
	font-weight:400;
	line-height:28px;
	letter-spacing:-.30px;
}




#product_view .product_content_area .section_table_list ul li{
	padding:20px 15px;
	border-bottom:1px solid #dddddd;
	display:flex;
	align-items: center;
}


#product_view .product_content_area .section_table_list ul li:first-child{
	border-top:2px solid #161c0c;
}

#product_view .product_content_area .section_table_list ul li h2{
	color:#161c0c;
	font-weight:500;
	font-size:16px;
	letter-spacing:-.30px;
	line-height:28px;
	text-align:left;
	flex:1;
}

#product_view .product_content_area .section_table_list ul li p{
	color:#585958;
	font-size:16px;
	font-weight:400;
	letter-spacing:-.30px;
	line-height:28px;
	text-align:left;
	flex:2;
}





#product_view .product_content_area .section_table_list2 ul li{
	border-bottom:1px solid #dddddd;
	display:flex;
	align-items: baseline;
	width:50%;
	height:100%;
}


#product_view .product_content_area .section_table_list2 ul{
	border-top:2px solid #161c0c;
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

#product_view .product_content_area .section_table_list2 ul li h2{
	color:#161c0c;
	font-weight:500;
	font-size:16px;
	letter-spacing:-.30px;
	line-height:28px;
	text-align:left;
	flex:1;
	padding:20px 15px;
	background:#f9f9f9;
	height:100%;
	min-height:97px;
}

#product_view .product_content_area .section_table_list2 ul li p{
	color:#585958;
	font-size:16px;
	font-weight:400;
	letter-spacing:-.30px;
	line-height:28px;
	text-align:left;
	flex:2;
	padding:20px 15px;
	height:100%;
}



#product_view .product_content_area .section_img_list{
	border-top:2px solid #161c0c;
	padding-top:80px;
}

#product_view .product_content_area .section_img_list ul{
	
}

#product_view .product_content_area .section_img_list li{
	position:relative;
}

#product_view .product_content_area .section_img_list li .step_img:after{
	content:"";
	width:55px;
	height:55px;
	display:block;
	background-image:url("../img/step_arrow.png");
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	position:absolute;
	right:-35px;
	top:50%;
	transform:translateY(-50%);
	z-index:99;
}

#product_view .product_content_area .section_img_list li:last-child .step_img:after{
	display:none;
}

#product_view .product_content_area .section_img_list li:nth-child(1){
	grid-column-start: 1;
    grid-column-end: 4;
}

#product_view .product_content_area .section_img_list li:nth-child(2){
	grid-column-start: 4;
    grid-column-end: 7;
}

#product_view .product_content_area .section_img_list li:nth-child(3){
	grid-column-start: 7;
    grid-column-end: 10;
}

#product_view .product_content_area .section_img_list li:nth-child(4){
	grid-column-start: 10;
    grid-column-end: 13;
}

#product_view .product_content_area .section_img_list li h2{
	color:#77be4c;
	text-align:left;
	line-height:30px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-.30px;
}

#product_view .product_content_area .section_img_list li .step_img{
	width:100%;
	border-radius:10px;
	margin:20px 0;
	position:relative;
}

#product_view .product_content_area .section_img_list li .step_img img{
	max-width:100%;
}

#product_view .product_content_area .section_img_list li p{
	text-align:left;
	color:#585958;
	font-size:16px;
	font-weight:400;
	line-height:28px;
	letter-spacing:-.30px;
}

#product_view .product_content_area .section_img_list li p strong{
	display:block;
	color:#b73427;
	font-size:12px;
	font-weight:400;
	margin-top:10px;
}






#product_view .product_content_area .product_down_area{
	border-top:2px solid #161c0c;
	padding-top:80px;
	text-align: center;
}

#product_view .product_content_area .product_down_area .down_box{
	border:3px solid #ececec;
	border-radius:10px;
	padding:40px;
	position:relative;
	width:295px;
	height:250px;
	transition:.25s all;
	text-align: left;
}

#product_view .product_content_area .product_down_area .down_box:hover{
	border-color:#77be4c;
}


#product_view .product_content_area .product_down_area .down_box a{
	display:flex;
	flex-direction: column;
    justify-content: space-between;
	height:100%;
}

#product_view .product_content_area .product_down_area .down_box h2{
	color:#161c0c;
	font-size:20px;
	font-weight:500;
	letter-spacing:-.30px;
	line-height:28px;
	text-align:left;
}

#product_view .product_content_area .product_down_area .list_btn{
	width:220px;
	height:60px;
	background:#77be4c;
	border:0;
	border-radius:30px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin:70px auto;
}

#product_view #grape_title{
	border-bottom: 2px solid #161c0c;
	padding-bottom:20px;
	margin-bottom:70px;
}

#product_view .grape_img{
	width:100%;
	border:1px solid #dddddd;
	background:#fff;
	padding:40px 0;
	text-align:center;
}

#product_view .grape_img img{
	max-width:100%;
	text-align:center;
}



#install_1 .page_eng_title {
    text-align: center;
}

#install_1 .company_title{
	text-align: center;
    color: #222222;
    font-size: 48px;
    line-height: 80px;
    letter-spacing: -.25px;
    font-weight: 400;
    font-family: 'Noto Serif KR', serif;
}

#install_2 .page_eng_title {
    text-align: center;
}

#install_2 .company_title{
	text-align: center;
    color: #222222;
    font-size: 48px;
    line-height: 80px;
    letter-spacing: -.25px;
    font-weight: 400;
    font-family: 'Noto Serif KR', serif;
}

#install_1,
#install_2{
	padding-bottom:35px;
}

#install_1 .pageing_div,
#install_2 .pageing_div{
	margin:1rem 0;
	padding:35px 0;
}

#install_1 #fwrite,
#install_2 #fwrite{
	margin:2rem 0;
}

.view_box_start{
	padding:85px 0;
}


#product_1 .page_eng_title,
#product_2 .page_eng_title,
#product_3 .page_eng_title{
    text-align: center;
}

#product_1 .company_title,
#product_2 .company_title,
#product_3 .company_title{
	text-align: center;
    color: #222222;
    font-size: 48px;
    line-height: 80px;
    letter-spacing: -.25px;
    font-weight: 400;
    font-family: 'Noto Serif KR', serif;
}


.product_area .page_tab_area{
	padding:100px 0;
}

.product_area .page_tab_area .grid_area{
	grid-template-columns: repeat(6, 1fr);
    align-items: center;
    gap: 0px;
    column-gap: 0px;
}


.product_area .page_tab_area .page_tab{
	text-align:center;
	cursor:pointer;
	color:#aaaaaa;
	font-size:25px;
	font-weight:600;
	line-height:65px;
	letter-spacing:-.25px;
	border-bottom:3px solid #dddddd;
	transition:.35s all;
}

.product_area .page_tab_area .page_tab.on{
	color:#34A1A2;
	font-weight:bold;
	border-bottom:3px solid #34A1A2;
}

.product_area .page_tab_area .page_tab:hover{
	color:#34A1A2;
	font-weight:bold;
	border-bottom:3px solid #34A1A2;	
}

.product_area .page_content_area .product_top_area .grid_area{
	grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 0px;
    column-gap: 130px;
}

.product_area .page_tab_area .grid_area{
	grid-template-columns: repeat(6, 1fr);
    align-items: center;
    gap: 0px;
    column-gap: 0px;
}

.product_area .page_content_area .page_product{
	display:none;
}

.product_area .page_content_area .page_product.view_page{
	display:block;
}

.product_area .page_content_area .product_slide{
	grid-column-start:1;
	grid-column-end:2;
	overflow:hidden;
	position:relative;
}

.product_area .page_content_area .product_top_info{
	grid-column-start:2;
	grid-column-end:3;
	overflow:hidden;
}




.product_area .page_content_area .product_slide .arrow_pr{
	position:absolute;
	bottom:0;
	width:260px;
	height:95px;
	background:#fff;
	right:0;
	z-index:150;
}

.product_area .page_content_area .product_slide .arrow_pr .arrow_cont{
	position:absolute;
	font-size:35px;
	color:#222222;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
	    line-height: 32px;
}

.product_area .page_content_area .product_slide .arrow_pr .arrow_cont.arrow_le{
	left:5%;
}

.product_area .page_content_area .product_slide .arrow_pr .arrow_cont.arrow_ri{
	right:5%;
}

.product_area .page_content_area .product_slide .arrow_pr .arrow_cont.swiper-button-disabled{
	opacity:.4;
}

.product_area .page_content_area .product_slide .arrow_pr .swiper-pagination-custom{
    display: flex;
    position: relative;
    bottom: auto;
    left: 50%;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 50%;
    transform: translateX(-50%);
}

.product_area .page_content_area .product_slide .arrow_pr .swiper-pagination-custom span{
	color:#222222;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-.20px;
	margin:0 15px;
}

.product_area .page_content_area .product_slide .arrow_pr .swiper-pagination-custom span.total{
	color:#22222296;
}


.product_area .page_content_area .product_top_info .top_top{
	border-bottom:2px solid #444444;
	padding-bottom:45px;
}

.product_area .page_content_area .product_top_info .top_top .subject{
	font-weight:400;
	color:#222222;
	font-size:56px;
	letter-spacing:-.25px;
	line-height:80px;
	font-family: 'Noto Serif KR', serif;
}

.product_area .page_content_area .product_top_info .top_top .cate{
	display:block;
	font-weight:500;
	color:#34A1A2;
	font-size:24px;
	letter-spacing:-.25px;
	line-height:56px;
}

.product_area .page_content_area .product_top_info .top_bottom{
	padding-top:45px;
}

.product_area .page_content_area .product_top_info .top_bottom p strong{
	display:block;
	color:#555555;
	font-weight:600;
	font-size:21px;
	line-height:44px;
	letter-spacing:-.25px;
	margin-bottom:10px;
}

.product_area .page_content_area .product_top_info .top_bottom p{
	color:#666666;
	font-size:21px;
	font-weight:400;
	line-height:44px;
	letter-spacing:-.25px;
	word-break:keep-all;
}

.product_area .page_content_area .sub_page_tab_area{
	margin-top:135px;
}


.product_area .page_content_area .sub_page_tab_area .grid_area{
	grid-template-columns: repeat(3, 1fr);
    align-items: center;
    gap: 0px;
    column-gap: 20px;
	max-width:1200px;
	margin:0 auto;
}


.product_area .page_content_area .sub_page_tab_area .page_sub_tab{
	border:1px solid #dddddd;
	border-radius:42.5px;
	line-height:85px;
	font-size:22px;
	font-weight:500;
	color:#999999;
	text-align:center;
	cursor:pointer;
	max-width:380px;
	transition:.35s all;
}

.product_area .page_content_area .sub_page_tab_area .page_sub_tab.on{
	border:1px solid #34A1A2;
	background:#34A1A2;
	color:#fff;
}

.product_area .page_content_area .sub_page_tab_area .page_sub_tab:hover{
	border:1px solid #34A1A2;
	background:#34A1A2;
	color:#fff;
}

.product_area .page_content_area .sub_page_content_area{
	padding-top:100px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product{
	display:none;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product.view_page{
	display:block;
}



.product_area .page_content_area .sub_page_content_area .sub_page_product .sub_product_desc{
	text-align:center;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .sub_product_desc h2.desc_title{
	color:#222222;
	font-size:48px;
	line-height:80px;
	letter-spacing:-.25px;
	text-align:center;
	font-weight:400;
	font-family: 'Noto Serif KR', serif;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .sub_product_desc p{
	color:#666666;
	font-size:20px;
	line-height:40px;
	text-align:center;
	letter-spacing:-.25px;
	font-weight:400;
	margin-top:35px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub{
	padding-top:100px;
}


.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .title_section{
	width:100%;
	border-bottom:3px solid #eeeeee;
	font-weight:400;
	color:#222222;
	font-size:40px;
	text-align:center;
	line-height:80px;
	letter-spacing:-.25px;
	padding-bottom:60px;
	font-family: 'Noto Serif KR', serif;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid{
	padding-top:100px;
}



.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid .grid_area{
	grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 20px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid.point_2 .grid_area{
	grid-template-columns: repeat(3, 1fr);
    align-items: center;
    gap: 10px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid .point_box{
	background:#f9f9f9;
	border:3px solid #f9f9f9;
	transition:.35s all;
	padding:50px 40px;
	display:flex;
	flex-direction: column;
    justify-content: space-between;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid.point_2 .point_box{
	border:3px solid #fff;
	background:none;
	padding:0;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid.point_2 .point_box h2{text-align: center; margin-top: 30px}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid .point_box:hover{
	border:3px solid #34A1A2;
	background:#fff;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid.point_2 .point_box{
	border:3px solid transparent;
	background:transparent;
	
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid.point_2 .point_box:hover{
	border:3px solid transparent;
	background:transparent;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid .point_box h2{
	color:#222222;
	font-size:24px;
	font-weight:400;
	letter-spacing:-.25px;
	line-height:40px;
	transition:.35s all;
	min-height:80px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid .point_box:hover h2{
	font-weight:600;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .point_grid .point_box .icon{
    min-height: 121px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
	margin-bottom:115px;
}


.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_img_list{
	padding-top:100px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_img_list .grid_area{
	grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 40px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_img_list .box h2{
	color:#222222;
	font-size:26px;
	font-weight:500;
	line-height:32px;
	letter-spacing:-.25px;
	margin-bottom:25px;
	text-align:center;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_img_list .box img{
	max-width:100%;
}


.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_img_list2{
	padding-top:100px;
}


.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_img_list2 h2{
	color:#222222;
	font-size:26px;
	font-weight:500;
	line-height:32px;
	letter-spacing:-.25px;
	margin-bottom:25px;
	text-align:center;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_img_list2 .grid_area{
	grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 65px;
	column-gap:0px;
	border:1px solid #dedede;
	padding:120px 0;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_img_list2 .box{
	text-align:center;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_img_list2 .box img{
	max-width:100%;
}


.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_thumb_area{
	margin-top:100px;
	padding:130px 0;
	border-top:1px solid #dddddd;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_thumb_area .max-img{
	text-align:center;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_thumb_area .max-img img{
	max-width:100%;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_thumb_area h2{
	color:#222222;
	font-size:26px;
	font-weight:500;
	line-height:32px;
	letter-spacing:-.25px;
	margin-bottom:25px;
	text-align:center;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .page_thumb_area .grid_area{
    align-items: start;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .view_thumb_big{
	grid-column-start: 1;
    grid-column-end: 8;
    overflow: hidden;
    position: relative;	
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .view_thumb_big .swiper-slide img{
	max-width:100%;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .view_thumb_small{
	grid-column-start: 8;
    grid-column-end: 13;
    overflow: hidden;
    position: relative;	
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .view_thumb_small .swiper-slide{
	text-align:center;
	cursor:pointer;
}


.product_area .page_content_area h2.top_t{
    color: #222222;
    font-size: 26px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -.25px;
    margin-bottom: 25px;
    text-align: center;
}

.product_area .page_content_area p.sub_top_t{
    color: #666666;
    font-size: 24px;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: -.25px;
    margin-bottom: 25px;
    text-align: center;
}



.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .grid_area{
	grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 0px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a{
	height:450px;
	position:relative;
	background:#666666;
	cursor:pointer;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a .bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	z-index:2;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
	z-index:10;
}


.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a h2 span{
	color:#ffffff;
	font-size:44px;
	font-weight:600;
	line-height:36px;
	letter-spacing:-.25px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a h2 p{
	color:#ffffff;
	font-size:28px;
	font-weight:500;
	line-height:36px;
	letter-spacing:-.25px;
	margin-top:40px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a h2{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:15;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a.disabled{
	cursor:unset;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a.disabled h2{
	opacity:.3;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a.disabled i{
	opacity:.3;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a.prev_a{

}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a.next_a{

}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a.next_a h2{
	left:100px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a.prev_a h2{
	right:100px;
	text-align:right;
}


.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a i{
	font-size:30px;
	color:#fff;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:10;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a.prev_a i{
	left:100px;
}

.product_area .page_content_area .sub_page_content_area .sub_page_product .section_sub .product_arrow_bottom .pro_a.next_a i{
	right:100px;
}

#tab_pop{
	padding:30px 0;
}

#tab_pop .b-close{
	position:absolute;
	top:15px;
	right:-30px;
}

#tab_pop .b-close i{
	color:#fff;
	font-size:25px;
}

#tab_pop .view_area{
	transition:.5s all;
}

#tab_pop .view_area img{
	max-height:900px;
}




.ink {padding: 120px 0}


.ink ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: flex;
	justify-content: center;
    align-items: center;
}
.ink ul.tabs li{
	background: none;
	color: #999;
	display: inline-block;
	padding: 0px 15px;
	cursor: pointer;
	height: 83px; width: 380px; border: 1px solid #999999; border-radius: 50px; font-size: 24px; text-align: center; line-height: 83px;
	margin: 0 10px
}

.ink ul.tabs li.current{
	background: #3d939d;
	color: #fff;
	border-color: #3d939d
}

.ink .tab-content{
	display: none;
	padding: 100px 0 0;
}

.ink .tab-content.current{
	display: inherit;
}