.un-style {list-style: none; padding:0;margin:0;}
.d-line {display: inline-block;}
.fleft {float: left;}
.fright {float: right;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.tleft {text-align: left;}
.nomargin {margin:0;}
.tptoneh {padding-top:100px;}
.d-table {display: table;}
.g-pos-rel {position: relative;}
.g-pos-abs {position: absolute;}
.w-100 {width: 100%;}
.height100vh {height: 100vh;}

#header.admin {
	position: relative;
}
#header {
	width : 100%;
	height: 100px;
	border-bottom : 1px solid #FFFFFF;
	position: absolute;
	top : 0;
	left : 0;
}
.header-sticky {position: fixed !important;background-color: #ffffff;z-index: 1000;}
.header-inner {
	line-height: 100px;
}

#mainMenu ul {margin-top: 30px;}
#mainMenu ul li{
	display: inline-block;
}
#mainMenu ul li a {
	font-size: 18px;
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	color : #ffffff;
	padding : 0 25px;
}
#mainMenu ul li a.submenu {
	font-size: 15px;
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	color : #ffffff;
	padding : 0 25px;
	width: 100%; text-align: center; display: block;
}
#mainMenu ul li.lastmenu a.topmenu {padding-right:0;}
.dropdown-menu li a {color: #555555 !important;}
.header-sticky #mainMenu ul li a {color : #1A1919;}

#footer {background-color: #212526;padding-top:47px;}
.ftcon1 {padding-bottom:22px;border-bottom:1px solid #D2D2D2;}
.ftcon1 ul li{
	display: inline-block;
	color : #D2D2D2;
	font-size: 14px;
}
.ftcon1 ul li a{
	padding : 0 34px;
	color : #D2D2D2;
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	font-size: 14px;
}
.ftcon1 ul li:first-child a {
	padding-left : 0;
}
.ftcon1 ul li:last-child a {
	padding-right : 0;
}
.ftcon2 {padding:0px 0 59px 0;}/*padding:22px 0 59px 0;*/
.ftcon2 p {
	color : #D2D2D2;
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	font-size: 14px;
	margin-bottom: 5px;
}
.mainsef {
	background-image: url('/resources/images/main2.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
	height : 100vh;/*902px*/
	display: table;
}
.main-text {
	width: 541px;
	margin : 0 auto;
	display: table-cell;
	vertical-align: middle;
}
.main-text h3:first-child{
	font-family: 'NotoSansCJKkr-Regular';/*050*/
	font-size: 55px;
	color : #ffffff;
	letter-spacing: -4.04px;
}
.main-text h3:nth-child(2){
	font-size: 101px; 
	font-family: 'NotoSansCJKkr-Bold';/*050*/
	color : #ffffff;
	margin-bottom: 30px;
	letter-spacing: -4.04px;
}
.main-text p {
	font-size: 23px;
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	color : #ffffff;
	margin-bottom: 68px;
}
.main-text a {
	width: 174px;
	padding : 14px 38px;
	color : #ffffff;  
	font-size: 18px;
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	border : 1px solid #ffffff;
	border-radius: 10px;
}
.main-text a:hover {color:#ffffff;cursor: pointer;}

.content-menubar li{display: inline-block;margin: 21px 0;}
.content-menubar li a {
	padding: 21px 15px;
	color : #1A1919;
	font-size: 17px;
	font-family: 'NotoSansCJKkr-Regular';
	cursor: pointer;
}
.content-menubar li.on a {color: #28428D; font-family: 'NotoSansCJKkr-Medium'}

.introsef {
	background-image: url("/resources/images/banner.png");
	background-size : 100% 100%;
	background-repeat: no-repeat;
	height: 490px;
	width: 100%;
}
.introses {
	background-image: url("/resources/images/banner_5.png");
	background-size : 100% 100%;
	background-repeat: no-repeat;
	height: 490px;
	width: 100%;
}
.productsef {
	background-image: url("/resources/images/banner_2.png");
	background-size : 100% 100%;
	background-repeat: no-repeat;
	height: 490px;
	width: 100%;
}
.productses {
	background-image: url("/resources/images/banner_3.png");
	background-size : 100% 100%;
	background-repeat: no-repeat;
	height: 490px;
	width: 100%;
}
.productset {
	background-image: url("/resources/images/banner_4.png");
	background-size : 100% 100%;
	background-repeat: no-repeat;
	height: 490px;
	width: 100%;
}
.commusef {
	background-image: url("/resources/images/banner_6.png");
	background-size : 100% 100%;
	background-repeat: no-repeat;
	height: 490px;
	width: 100%;
}

.intro-text h3 {
	font-size: 48px;
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	color : #ffffff;
	margin-bottom: 19px;
}
.wtx-text h3 {margin-top:141px;}
.wtx-text h3 {margin-top:0px;}
.intro-text p {
	font-size: 18px;
	color : #ffffff;
	margin-top: 113px;
	font-family: 'NotoSansCJKkr-Medium';/*050*/
}
.wtx-text h3{
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	font-size: 48px;
	color : #ffffff;
}
.wtx-text p:last-child {
	font-size: 12px;
	color : #ffffff;
	font-family: 'NotoSansCJKkr-Regular';/*050*/
}
.wtx-text p:first-child {
	font-size: 18px;
	color : #ffffff;
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	margin-top: 113px;
}
.wtx-text p:last-child {line-height: 2;}

.intro.content {padding : 80px 0 120px 0;}
.intro.wtx {padding : 83px 0 92px 0;}
.wtx-10.intro {padding:62px 0 108px 0;}

.introTitle {margin-bottom: 53px;}
.introTitle h3 {
	font-family: 'NotoSansCJKkr-Bold';/*050*/
	font-size: 40px;
	color : #1A1919;
	margin : 0 auto 13px;
	position: relative;
	display: table;
	line-height: 1.5;
}
.introTitle h3::after {
	display: block;
	content : '';
	width: 100%;
	position : absolute;
	height: 2px;
	background-color: #28428D;
}
.introTitle.nonp h3 {padding-bottom: 48px;}
.introTitle p {
	font-family: 'NotoSansCJKkr-Regular';/*050*/
	font-size: 16px;
	color : #767676;
	padding-bottom : 40px;
}
.introcontent.one,.introcontent.two {margin-bottom: 83px;}
.introcontent.one p:first-child{
	font-size: 33px;
	font-family: 'NotoSansCJKkr-Light';
	margin-bottom: 19px;
	letter-spacing: -1.7px;
}
.introcontent.one p:first-child strong {
	font-family: 'NotoSansCJKkr-Bold';/*050*/
}
.introcontent.one p:last-child {
	font-family: 'NotoSansCJKkr-Regular';/*050*/
	font-size: 17px;
	color : #767676;
	letter-spacing: -0.6px;
}
.introcontent.one .g-pos-abs {
	right: 0;
	bottom : 0;
	z-index: -100;
}

.introcontent.two .tleft {
	font-size: 26px;
	font-family: 'NotoSansCJKkr-Bold';/*050*/
	margin-bottom: 37px;
	letter-spacing: -1.04px;
	padding : 10px 0;
}
.introcontent.two .tleft::after {
	content : '';
	width: 92px;
	height: 3px;
	background-color: #c7c7c7;
	display: block;
	position: absolute;
	top : 0;
}
.introcontent.two .content-sub {padding:29px 0;}
.introcontent.two .content-sub p:nth-child(1) {
	font-family: 'NotoSansCJKkr-Bold';/*050*/
	font-size: 20px;
	margin-bottom: 12px;
}
.introcontent.two .content-sub p:nth-child(2) {
	font-size: 15px;
	margin-bottom: 0px;
	letter-spacing: -0.6px;
	font-family: 'NotoSansCJKkr-Light';
}

.introcontent.three .content-sub {
	display: table-cell;
	vertical-align: middle;
}
.introcontent.three p:first-child {
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	font-size: 33px;
	margin-bottom: 16px;
	letter-spacing: -1.65px;
}
.introcontent.three p:last-child {
	font-family: 'NotoSansCJKkr-Regular';/*050*/
	font-size: 17px;
	margin-bottom: 0;
}

.wtxcontent.one {margin-bottom: 94px;}
.wtxcontent.one .title h3{
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	font-size: 30px; /*30*/
	color : #1A1919;
	margin-bottom: 17px;
	letter-spacing: -1.2px;
}
.wtxcontent.one .title p {
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	font-size: 15px;
	color : #767676;
	margin-bottom: 102px;
}
.wtxcontent.one .content-sub p:nth-child(1) {
	font-size: 16px;
	font-family: 'NotoSansCJKkr-Bold';/*050*/
	color : #767676;
	margin-bottom: 6px;
	margin-right: 20px;
}
.wtxcontent.one .content-sub p:nth-child(2) {
	font-size: 11px;
	font-family: 'NotoSansCJKkr-Light';/*050*/
	color : #767676;
	margin-bottom: 37px;
	margin-right: 20px;
}
.wtxcontent.two {
	padding : 87px 0 138px 0;
	background-color: #EAEAEA;
}
.wtxcontent.two .title h3{
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	font-size: 32px;
	margin-bottom: 15px;
	color : #1A1919;
	letter-spacing: -1.28px;
}
.wtxcontent.two .title p {
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	font-size: 18px;
	margin-bottom: 92px;
	color : #767676;
	letter-spacing: -0.72px;
}
.wtxcontent.two .content-sub {padding:23px 15px;}
.wtxcontent.two .content-sub ul li:first-child {margin-left:0px;}
.wtxcontent.two .content-sub ul li {
	display: inline-block;
	margin:0 15px;
	font-family: 'NotoSansCJKkr-Medium';/*050*/
	color : #474646;
	font-size: 20px;
}
.wtxcontent.two .content-sub ul li .d-line{
	width: 42px;
	height: 42px;
	vertical-align: middle;
}

.wtxcontent.two .content-sub ul li .green {background-color: #59C728;margin-right: 15px;}
.wtxcontent.two .content-sub ul li .yellow {background-color: #F8E71D;margin-right: 15px;}
.wtxcontent.two .content-sub ul li .white {background-color: #ffffff;margin-right: 15px;}
.wtxcontent.two .content-sub ul li .blue {background-color: #00AAFF; border-radius: 21px;margin-right: 15px;}

.wtxcontent.three {padding-top : 96px;}
.wtxcontent.three h3 {
	font-family: NotoSansCJKkr-Regular;
	font-size: 32px;
	color: #474646;
	margin-bottom: 74px;
}
.wtxcontent.three h3 strong {
	font-family: NotoSansCJKkr-Bold;
	font-size: 32px;
	color: #474646;
}
.wtxcontent.three .content-sub {padding-left:150px;}
.wtxcontent.three .content-sub ul {
	width: 477px;
	margin : 0 auto;
}
.wtxcontent.three .content-sub ul .title {
	font-family: NotoSansCJKkr-Bold;
	font-size: 25px;
	color : #3E79C8;
	margin-top: 25px;
}
.wtxcontent.three .content-sub ul .title span {
	font-family: NotoSansCJKkr-Regular;
	font-size: 25px;
	color : #3E79C8;
	margin-left: -48px;
	margin-right: 20px;
}
.wtxcontent.three .content-sub ul .content {
	font-family: NotoSansCJKkr-Light;
	font-size: 15px;
	color: #767676;
	margin-top: 25px;
}

.productImage {margin-bottom : 52px;}
.productImage img {margin: 0 auto; max-width: 100%}

.productImage > div > div > div {display: none;}
.productImage > div > div > div.on {display: block;}

.wtx10-text p {
	margin-top: 84px;
	font-family: NotoSansCJKkr-Regular;
	font-size: 30px;
	color : #ffffff;
}
.wtx10-text h3 {
	font-family: NotoSansCJKkr-Medium;
	font-size: 60px;
	color : #ffffff;
}

.wtx10content.one {padding-bottom:120px;}
.wtx10arrow, .admingallery {cursor: pointer;}
.wtx17arrow, .wtx10arrow {cursor: pointer; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

h3.underline, .customerTitle h3, .commuTitle h3{
	font-family: NotoSansCJKkr-Bold;
	font-size: 30px;
	color : #474646;
	margin-bottom: 49px;
	padding-bottom : 6.5px;
	display: table;
}
h3.underline:after {
	content : '';
	display: block;
	width: 83px;
	height: 2px;
	background-color: #707070;
	position: absolute;
	left: 50%;
    transform: translate(-50%);
	bottom:0px;
}
.wtx10content.one ul li {
	float : left;
	width: 20%;
	height: 140px;
	padding : 28px 12px 12px 12px;
	border: 1px solid #C9C9C9;
}
.wtx10content.one ul li:nth-child(2),.wtx10content.one ul li:nth-child(4) {
	background-color: #F5F5F5;
}
.wtx10content.one ul li div {
	top: 78px;
    left: 50%;
    transform: translate(-50%);
}
.wtx10content.one ul li div p:first-child {
	font-family: NotoSansCJKkr-Regular;
	font-size: 14px;
	color : #5A5A5A;
	margin-bottom: 0;  
}
.wtx10content.one ul li div p:last-child {
	font-family: NotoSansCJKkr-Medium;
	font-size: 23px;
	color : #1A1919;
	margin-bottom: 0;
}
.wtx10content.two .wtx-9, .wtx10content.two .wtx-10 {width: 50%;overflow:hidden}
.wtx10content.two .wtx-2,.wtx10content.two .wtx-3,.wtx10content.two .wtx-4 {width: 33.3333%; overflow:hidden}
.wtx10content.two img:not(.wtx-9change):not(.wtx-6change):not(.wtx171change):not(.wtx172change):hover {
	transform:scale(1.5);
	transition:transform .5s;
}
.wtx10content.two img {width: 100%;}

.wtx10content.three {padding-top:101px;}
.wtx10content.three .content-sub table:first-child {margin-right:22px;}
.wtx10content.three .content-sub table {width: 49%;}
.wtx10content.three .content-sub table thead tr{
	background-color : #28428D;
	color : #ffffff;
}
.wtx10content.three .content-sub table thead tr th {font-size: 20px;}
.wtx10content.three .content-sub table th{
	font-family: 'NotoSansCJKkr-Medium';
	font-weight:500;
	height: 37px;
	font-size: 20px;
	line-height: 1;
	padding : 4px 0;
}
.wtx10content.three .content-sub table tbody tr {border-bottom:1px solid #B1B1B1;}
.wtx10content.three .content-sub table tbody tr:last-child {border:none}
.wtx10content.three .content-sub table tbody tr th:first-child {
	width: 249px;
	background-color: #F4F7FE;
	font-size: 20px;
	color : #808080;
}
.wtx10content.three .content-sub table tbody tr th:last-child {
	width: 381px;  
	font-size: 20px;
	color : #808080;
}
.paddingtt {padding:22.5px 0 !important;}
.paddingts {padding:27px 0 !important;}
.paddingte {padding:28px 0 !important;}
.paddingto {padding:11.5px 0 !important;}
.paddingst {padding:67px 0 !important;}

.introcontento.one:after {
	display: block;
	content : '';
	width: 1px;
	height: 100%;
	background-color: #707070;
	position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: -100;
}
.introcontento.one .content-sub {margin-bottom:36px;}
.introcontento.one .content-sub .year, .introcontento.one .content-sub .content {
	width: 47.6%;
} 
.introcontento.one .content-sub .year h3 {
	font-family: 'NotoSansCJKkr-Bold';
	font-size: 44px;
	color : #1A1919;
	position: relative;
}
.introcontento.one .content-sub:last-child .year h3 {margin-top: 36px;}
.introcontento.one .content-sub .year.fleft h3:after {
	content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background: #ffffff;
    top: 48%;
    right:-37px;
    border-radius: 50%;
    border: 3px solid #28428D;
}
.introcontento.one .content-sub:last-child .year.fleft h3:after {
	background: #28428D;
}
.introcontento.one .content-sub .year.fright h3:after {
	content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background: #ffffff;
    top: 48%;
    left : -37px;
    border-radius: 50%;
    border: 3px solid #28428D;
}
.introcontento.one .content-sub .fright {margin-left:30px;}
.introcontento.one .content-sub:last-child .fright {top:0;}
.introcontento.one .content-sub .fleft {margin-right:30px;}
.introcontento.one .content-sub .year img {width: 375px;margin-bottom: 17px;}
.introcontento.one .content-sub .content {position: absolute;bottom:0;margin-bottom: 13px;}
.introcontento.one .content-sub .content.fright {left:50%;}
.introcontento.one .content-sub .content ul li{
	font-family: 'NotoSansCJKkr-Regular';
	font-size: 21px;
	color : #1A1919;
}

.certiImage {margin-bottom:20px;}
.adress {
	font-family: 'NotoSansCJKkr-Regular';
	font-size: 20px;
	color : #1A1919;
}

.customer.content {padding:84px 0 105px 0;}
.companydiv {border : 1px solid #C9C9C9;padding:36px 0 49px; border-top:2px solid #28428D;}
.companydiv .tright img {width: 219px;margin-right: 47px;}
.companydiv .row .col-lg-6 p img {margin-right: 20px;margin-bottom: 5px;}
.companydiv .row .col-lg-6 p {font-family: 'NotoSansCJKkr-Medium';color: #28428D;margin: 0;}
.companydiv .row .col-lg-6 p:first-child {
	font-size: 30px;
}
.companydiv .row .col-lg-6 p:nth-child(2),.companydiv .row .col-lg-6 p:nth-child(3) {
	font-size: 17px;
}
.question table {width: 860px; margin: 0 auto;}
.question table tr th{
	width: 50%;
	padding:28px 0;
}
.question table tr:nth-child(4) th {
	padding : 28px 0;
	width : 100%;
}
.question table tr th input, .question table tr th select {
	width: 360px;
	height: 50px; 
	border:1px solid #C9C9C9;
	padding : 0 10px;
}
.question table tr th textarea {
	width: 100%; 
	height: 258px;
	border:1px solid #c9c9c9;
	padding : 10px;
}
.question button {
	width: 174px;
	height: 54px;
	background-color: #28428D;
	border-radius: 10px;
	border : 1px solid #28428D;
	font-family: 'NotoSansCJKkr-Regular';
	color : #ffffff;
	font-size: 20px;
}

.commu.content {padding:80px 0 143px;}
.noticeList {width: 100%;margin-bottom:16px;}
.noticeList th {
	padding:16px 0;
	font-family: 'NotoSansCJKkr-Regular';
	font-size: 17px;
	color : #1A1919;
}
.noticeList thead {background-color: #F1F1F1; border-top : 1px solid #28428D;}
.noticeList tbody tr {border-bottom:0.5px solid #A5A7AA;cursor: pointer;}
.writer {margin-bottom: 14px;}
#inputPassword2 {width: 300px !important;}
.notice_search, .back, .writer, .admin_back, .admin_regist,
.admin_fregist, .admin_update {border: 1px solid #28428D !important;width: 112px;}
.delete {border : 1px solid #474646;background-color: #ffffff;vertical-align: middle; font-size: 15px;margin-left: 10px;line-height: 1; padding:6px;}
.galleryimage img, .galleryimage video {width: 100%;margin-bottom: 10px;height: 221px;}  
.gallerytitle {
	font-family: 'NotoSansCJKkr-Medium';
	font-size: 20px;
	color : #1A1919;
	margin-bottom: 0;
}
.gallerycontent p{
	font-family: 'NotoSansCJKkr-Regular';  
	font-size: 17px;
	color : #707070
}

.wtxcontent.two .row .col-lg-6 img {width: 100%;}

.DetailList {width: 100%;margin-bottom: 30px; table-layout: fixed;}
.DetailList img {max-width: 100%; height: auto;}
.DetailList th {
	padding: 16px 10px;
    font-family: 'NotoSansCJKkr-Regular';
    font-size: 17px;
    color: #1A1919;
}
.DetailList th:first-child {background-color: #F1F1F1;}
.DetailList tr {border : 0.5px solid #A5A7AA;}
.DetailList th p {margin: 0;}

/*Admin*/
.DetailList.admin input{
	width: 50%;
	border : 1px solid #c7c7c7;
	border-radius: 5px;
}

.new_button {
	display: inline;
	font-family: 'NotoSansCJKkr-Medium';
	font-size: 13px;
	padding:1px 6px;
	margin-left : 20px;
	background-color: #60B5E5;
	border : 1px solid #60B5E5;
	border-radius: 4px;
	color : #ffffff;
}

.loginform input{
	width: 50%;
	border: 1px solid #c7c7c7;
	margin-bottom : 10px;
	padding : 10px;
}

.adminlogin {
	margin-top:20px;
	padding : 10px;
	background-color: #ffffff;
	border : 1px solid #28428D;
	border-radius: 10px;
}
  
.col-lg-3.gallery {cursor: pointer;}

html {font-size: 10px;}

@media (max-width:999px) {
	#mainMenu {
		position: absolute;
		right: 0;
	}
	
	.introcontent.one .g-pos-abs {position: relative;}
	
	.introcontento.one .content-sub .year img {width: 100%;}
	.wtx10content.one ul li {width: 100%;}
	.wtx10content.one ul li .w-100 {width: auto !important;}
	.wtx10content.three .content-sub table {width: 100%;margin-bottom: 50px;}
	.productImage > img {margin:0; width: 70%;}
	.productImage a:not(.wtx10arrow):not(.wtx17arrow) {display: none;}
	.question table {width: 100%;}
	.question table tr th input, .question table tr th select {width: 80%;}
	.companydiv .row .col-lg-6 {text-align: center;}
	
	.wtxcontent.three .content-sub {padding:0;}
	.wtxcontent.three .content-sub ul .title span {margin:0;}
	.wtx10content.two .wtx-9 img, .wtx10content.two .wtx-10 img {width: 100%;}
	.wtx10content.two .wtx-2 img, .wtx10content.two .wtx-3 img, .wtx10content.two .wtx-4 img{width: 100%}
	
	.introcontento.one .content-sub .content {position: relative;}
	.introcontento.one .content-sub .content.fright {left: 0%;}
	.introcontento.one .content-sub .fright {margin-left: 0;}
	.introcontento.one .content-sub .year.fleft h3:after,
	.introcontento.one .content-sub .year.fright h3:after {display: none}
	
	.gallery, .admingallery {text-align: center;}
	.galleryimage img,  .galleryimage video {width: 80%;margin-bottom: 10px;height: auto;}
} 

.fnb {font-family: NotoSansCJKkr-Bold !important;}

.mb2 {margin-bottom: 2rem;}

.pd-p {font-size: 20px;}
h1.title {font-size: 35px;}
h1.btitle {font-size: 40px;}
p.title {font-size: 23px; font-family: NotoSansCJKkr-Medium;}
p.content {font-size: 18px;}

.z50-icon {height: 70px; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}

.video-title {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.video-title h1 {font-size: 56px; color: #FFFFFF;}
.video-title p {font-size: 40px; color: #FFFFFF; margin-bottom: 20px;}
.video-title .btn {font-size: 16px; background: #FFFFFF;}

.t25-item h1 {min-height: 84px; display: table; margin: 0 auto; margin-bottom: 20px;}
.t25-item h1 span {display: table-cell; text-align: center; vertical-align: middle;}
.t25-item > div {margin-bottom: 20px; margin-top: 20px;}

.tb-banner {padding: 150px 30px 48px 30px;}
.tb-banner span {font-size: 24px;}
.tb-banner h5 {color: #FFFFFF; font-size: 40px;}

.fb-slide {position: relative; background-image: url('/resources/images/product/t25-5.jpg'); background-position: center; background-size: cover;}
.fb-slide > div {padding-top: 268px; padding-bottom: 268px; max-width: 1200px; margin: 0 auto;}
.fb-slide h1, .fb-slide p, .fb-slide span {color: #FFFFFF;}
.fb-slide h1 {font-size: 40px; margin-bottom: 20px;}
.fb-slide p {font-size: 18px;}
.fb-slide span {font-size: 18px;}

.fdesc span {font-size: 18px; font-weight: 500; display: block; margin-bottom: 5px;}
.fdesc h1 {margin-bottom: 20px;}

.pnav-tab {display: flex; align-items: center; justify-content: center; color: #000000; border-bottom: 1px solid rgba(0,0,0,.09);}
.pnav-tab li a {font-size: 16px; line-height: 20px; margin-right: 48px; display: block; padding: 20px 0; color: rgba(0,0,0,.45); cursor: pointer; position: relative;}
.pnav-tab li:last-child a {margin-right: 0;}
.pnav-tab li.on a {color: rgba(0,0,0,.85);}
.pnav-tab li.on a:after {content: ''; display: block; width: 100%; height: 1px; background: #000000; position: absolute; bottom: -1px; left: 0;}
.pnav-content > div {display: none;}
.pnav-content > div.show {display: block;}

.tnav-tab {padding: 0 48px 0 24px;}
.tnav-tab li {font-size: 18px; color: rgba(0,0,0,.45); padding: 15px 0; font-weight: bold; position: relative; cursor: pointer;}
.tnav-tab li.on {color: #000000;}
.tnav-tab li:after {content: ''; display: block; width: 1px; height: 100%; position: absolute; left: -24px; top: 0; background: #C7C7C7;}
.tnav-tab li.on:after {background: #000000;}
.tnav-tab li span {font-size: 16px; font-weight: 400; max-height: 0; overflow: hidden; transition: all 0.8s; display: block; opacity: 0; padding-top: 5px;}
.tnav-tab li.on span {max-height: 100vh; opacity: 1;}
.tnav-content > div {display: none;}
.tnav-content > div.show {display: block;}