@charset "utf-8";

/* ---------------------------------- sub page */
/*
	sub layout
*/
#subWrap {
	position: relative;
	overflow: hidden;
	width: 100%;
    min-height: 310px;
    margin: 0 auto;
	padding-top: 2.5rem;
}

@media screen and (min-width:768px) {
	#subWrap {
		padding-top: 5rem;
	}
}

@media screen and (min-width:1181px) {
	#subWrap {
		width:auto;
		padding-top: 8.625rem;
	}
}

/* left menu */
#leftMenu {
	display: none;
	float: left;
    width: 227px;
	padding-bottom: 50px;
}
#leftMenu.fixed {position:fixed; top:0; left:0; z-index:9999;}
#leftMenu > ul {}
#leftMenu > ul > li {position:relative;}
#leftMenu > ul > li a {
	display: block;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #333;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}
#leftMenu > ul > li:last-child a {
	border-bottom: 0;
}
#leftMenu > ul > li.on {background: #fff;}
#leftMenu > ul > li.on:after {content:''; position:absolute; bottom:-1px; left:0; z-index:11; width:100%; height:1px; background: #fff;}
#leftMenu > ul > li.on a {
	padding-top: 25px;
    color: #122e74;
}
#leftMenu > ul > li > a {
    background: url(/html/_skin/seil/images/sub/leftmenu_icon.png) no-repeat right bottom 14px;
}
#leftMenu > ul > li.on > a {
    background: url(/html/_skin/seil/images/sub/leftmenu_icon_on.png) no-repeat right bottom 14px;
}


/* #leftMenu .left-menu-title {padding:38px 15px; background:#111; font-size:22px; line-height:1.3; color:#fff; text-align:center; word-break:keep-all;}
#leftMenu .left-menu-title span {display:none; font-size:14px; font-family:'Noto Sans Kr'; color:#f2b37c;}
#leftMenu > ul > li {position:relative;}
#leftMenu > ul > li:before {position:absolute; top:11px; right:15px; content:"\f105"; display:inline-block; font-family:'FontAwesome'; font-size:24px; line-height:1; color:#333;}
#leftMenu > ul > li > a {padding:12px; border-top:1px solid #dedede; font-weight:700; font-size:14px; line-height:20px; color:#333; letter-spacing:-1px; word-break:keep-all;}
#leftMenu > ul > li:first-child > a {border-top:0 none;}
#leftMenu a {display:block; width:100%; padding-left:25px;}
*/
.left-menu-title {
    padding: 19px 13px 14px 13px;
    text-align: right;
    background-color: #24428c;
    color: #fff;
    border-left: 15px solid #5068a3;
    font-size: 16px;
    font-weight: 500;
}

/* 2depth */
#leftMenu > ul > li > ul {/* display:none;  */padding-bottom: 5px;}
#leftMenu > ul > li > ul li a,
#leftMenu > ul > li > ul li.on a {
	padding:10px 0; font-size:14px; line-height:18px; word-break:keep-all;border-bottom: 0;
}
#leftMenu > ul > li > ul li a,
#leftMenu > ul > li.on > ul li a {
	color: #333;
	padding-top: 10px;
}
#leftMenu > ul > li > ul li a:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 2px;
	background-color: #122e74;
	vertical-align: middle;
    margin-right: 10px;
}
#leftMenu > ul > li > ul li.on a {
	color: #122e74;
}
/* on */
/* #leftMenu > ul > li.on >a,
#leftMenu > ul > li:hover > a {font-weight:400; color:#3ec1c2}
#leftMenu > ul > li.on:before,
#leftMenu > ul > li:hover:before {color:#3ec1c2;}
#leftMenu > ul > li.on ul {display:block;}
#leftMenu > ul > li li.on a,
#leftMenu > ul > li li a:hover {font-weight:400; color:#000;}*/

@media screen and (max-width:1200px) {
	#leftMenu {display:none;}
}

/*
	--- sub conts
*/
#subConts {width:100%; padding-bottom: 10rem;}
.sub_cont_tit {font-size: 24px;font-weight: 700;color: #000;margin-bottom: 55px;text-align: center;word-break: keep-all;}
.img_full_wrap {text-align: center;font-size: 0;}
.img_full_wrap > img {width: auto;max-width: 100%;}

.tab_btn_box {}
/* .tab_btn_box > ul {overflow: hidden;border: 1px solid #cecece;}
.tab_btn_box > ul >li {background-color: #f8f8f8;font-size: 16px;font-weight: 500;color: #434343;text-align: center;float: left;width: 20%;border-right: 1px solid #cecece;}
.tab_btn_box > ul >li.current {background-color: #1d3b6d;font-weight: 700;color: #fff;}
.tab_btn_box > ul >li:last-child {border-right: 0;}
.tab_btn_box > ul >li > a {display: block;padding: 20px 0;} */
.tab_btn_box > ul {overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;height: 60px;}
.tab_btn_box > ul >li {background-color: #f9f9f9;font-size: 18px;font-weight: 700;color: #434343;text-align: center;float: left;border: 1px solid #dfdfdf;display: flex;width: 100%;align-items: center;margin: 0 5px;cursor: pointer;}
.tab_btn_box > ul >li.current {background-color: #003e7e;font-weight: 700;color: #fff;border-color: #003e7e;}
.tab_btn_box > ul >li > a {display: block;flex: 1;padding: 0 5px;word-break: keep-all;color: #484848;}
.tab_btn_box > ul >li.current > a {color: #fff;}
.tab_content_box {margin-top: 60px;}
.tabcontent {display: none;}
.tabcontent.current {display: block;}
.tabcontent > ul {border-top: 2px solid #616161;}
.tabcontent > ul.mem_detail {border-top: 0;}
.tabcontent > ul > li {padding: 40px 0;border-bottom: 1px dashed #cecece;font-size: 0;}
.tabcontent > ul.mem_detail > li {padding: 20px;border-bottom: 1px solid #e0e0e0;}

@media screen and (min-width: 1201px) {
	.tab_btn_box > ul >li:hover {
		opacity: .8;
	}
}
@media screen and (max-width:1200px) {
	#subConts {float:none; width:100%;}
	[class^="sub-wrap-"] {}
}
@media screen and (min-width: 768px) {
	.tab_btn_box > ul >li:first-child {margin-left: 0;}
	.tab_btn_box > ul >li:last-child {margin-right: 0;}
}
@media screen and (max-width: 767px) {
	/* #subConts {float:none; padding:30px 20px 0;} */

	.tab_btn_box > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		height: auto;
	}
	.tab_btn_box > ul >li {
		font-size: 13px;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
			-ms-flex-positive: 1;
			flex-grow: 1;
		max-width: 100%;
		left: 0;
		margin-left: 0;
		margin: 2px;
	}
	.tab_btn_box > ul >li > a {
		white-space: nowrap;
    	padding: 17px 10px;
	}
	.tab_content_box {margin-top: 40px;}

}

/* about board style */



/* CONACT US
------------------------------------------------------ */
[id*="map"] {height:447px; opacity:0.7;}
.contact-address {overflow:hidden; position:relative; margin-top:3.5%; padding:2% 3%; width:100%; border:1px solid #ddd;}
.contact-address li {display:inline-block; padding:6px 0; font-weight: 400; font-size:16px; line-height: 1.3; font-family:'Noto Sans KR'; color:#575757; vertical-align:top;}
.contact-address li:first-child {display:block;}
.contact-address li:nth-child(3) {margin-left: 3%;}
.contact-address li.copy {display:block; margin-top: 12px; font-weight: 300; font-size:14px;}
.contact-address li strong {margin-right:5px; color:#000;}
.contact-address > img {position:absolute; top:50%; right:3%; margin-top:-18px; border:1px solid #ddd;}

.YouTubePopUp-Close:before {content:'X'; position:relative; top:-10px; font-weight: 300; font-size:35px; font-family:'NanumSquare'; color:#fff;}

@media screen and (max-width:1200px) {
	.contact-address > img {float:right; position:relative; top:auto; right:auto; margin-top: 20px;}
}
@media screen and (max-width:640px) {
	[id*="map"] {height:260px !important;}
}

/* --- placeholder */
input[type="text"]::placeholder {color: #d0d0d0;opacity: 1; /* Firefox */}
input[type="text"]:-ms-input-placeholder {color: #d0d0d0;}
input[type="text"]::-ms-input-placeholder {color: #d0d0d0;}

.sub-visual {display:table; position: relative; width:100%; height:16rem; text-align:center; background-repeat: no-repeat; background-size: cover; background-position: center center;
background-image: url(/html/_skin/seil/img/sub/bg_sub_visual_company.jpg);
}
.sub-visual > div {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.sub-visual h2 {font-weight:500; font-size: 2rem; line-height: 1; color:#fff;}
.sub-visual p {margin-top: 1rem; padding:0 30px; font-weight:300; font-size: .875rem; line-height: 1.3; color:#fff; word-break:keep-all;}


.sub-visual.product {
	content:'';
	width: 100%;
	height: 55px;
	/* background-image: url(/html/_skin/seil/img/sub/bg_sub_visual_product.jpg); */
	background-image: none;
	background-color: #000;
}

.sub-visual.business {
	background-image: url(/html/_skin/seil/img/sub/bg_sub_visual_business.jpg);
}

.sub-visual.recruit {
	background-image: url(/html/_skin/seil/img/sub/bg_sub_visual_recruit.jpg);
}

.sub-visual.quality {
	background-image: url(/html/_skin/seil/img/sub/bg_sub_visual_quality.jpg);
}

.sub-visual__inner {padding-top: 55px;}

@media screen and (min-width: 768px) {
	.sub-visual {height:24.375rem;}

	.sub-visual.product {height: 80px;}

	.sub-visual__inner {padding-top: 80px;}
	.sub-visual h2 {font-size: 3rem;}
	.sub-visual p {font-size: 1rem;}
}

@media screen and (min-width: 992px) {
	.sub-visual {height:50rem;}

	

	.sub-visual h2 {font-size: 4rem;}
	.sub-visual p {margin-top: 1.875rem; font-size: 1.25rem;}
}

@media screen and (min-width: 1201px) {
	.sub-visual.product {
		height: 84px;
	}

	.sub-visual__inner {padding-top: 84px;}
}

/* sub-visual drop down */
.sub-visual .sub-visual__scroll-down-wrap {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	font-family: 'Rajdhani', sans-serif;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.06rem;
	color: rgba(255,255,255,.6);
}

.sub-visual__scroll-down-wrap .scroll-down-line {
	display: block;
	position: relative;
	width: 1px;
	height: 20px;
	margin-top: .25rem;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(255,255,255,.6);
	overflow: hidden;
}

@media screen and (min-width:768px) {
	.sub-visual .sub-visual__scroll-down-wrap {
		font-size: 1.125rem;
	}

	.sub-visual__scroll-down-wrap .scroll-down-line {
		height: 60px;
		margin-top: 1.25rem;
	}
}

.sub-visual__scroll-down-wrap .scroll-down-line:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #e7f2fd;

	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-animation-duration: 3s;
	-ms-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-name: scrollAni;
	-ms-animation-name: scrollAni;
	animation-name: scrollAni;
	-webkit-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in;
	-ms-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

@keyframes scrollAni {
  0% {
    -webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
			transform: translateY(-100%);
  }

  20%, 100% {
    -webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
		transform: translateY(100%);
  }
}





.sub-cont-section {padding: 50px 0;}
.sub-cont-section:last-child {padding-bottom: 100px;}
@media screen and (max-width: 768px) {
	.sub-cont-section {padding: 30px 0;}
	.sub-cont-section:last-child {padding-bottom: 50px;}
}

.sub-cont-hgroup {
	text-align: center;
	padding-bottom: 2.5rem;
}

@media screen and (min-width:768px) {
	.sub-cont-hgroup {
		padding-bottom: 3.5rem;
	}
}

@media screen and (min-width:1181px) {

}

.sub-cont-tit {
	position: relative;
	font-weight: bold;
	font-size: 1.5rem;
}

@media screen and (min-width:768px) {
	.sub-cont-tit {
		font-size: 2rem;
	}
}

@media screen and (min-width:1181px) {
	.sub-cont-tit {
		font-size: 2.25rem;
	}
}

section.sub-section:before {
	content: attr(data-subTitDescript);
	display: block;
	max-width: 568px;
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
	word-break: keep-all;
	line-height: 1.5;
	text-align: center;
}

@media screen and (min-width:768px) {
	section.sub-section:before {
		/* width: 80%; */
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (min-width:992px) {
	section.sub-section:before {
		/* width: 53%; */
	}
}

@media screen and (min-width:1641px) {
	section.sub-section:before {
		/* width: 32%; */
	}
}

/* sub-middle */
.sub-middle {
	background-color: #f4f4f4;
	min-height: 60px;
}

.sub-middle__inner {
	*zoom: 1;
}

.sub-middle__inner:after {
	content:'';
	display: block;
	clear: both;
}

.sub-middle__path {
	float: left;
}

.path-wrap .path {
	font-size: 0;
}

.path-wrap .path>li {
	display: inline-block;
	padding-right: 20px;
	font-size: .875rem;
	color: #999;
	line-height: 60px;
}
.path-wrap .path>li:last-child {
	color: #222;
}
.path-wrap .path>li>span {
	display: inline-block;
	position: relative;
	line-height: 1;
}

.path-wrap .path>li>span:after {
	content:'';
	display: inline-block;
	position: absolute;
	top: 1px;
	width: 20px;
	height: 100%;
	background-image: url(/html/_skin/seil/img/sub/ico_path_arrow_right.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.path-wrap .path>li:last-child>span:after {
	display: none;
}

/* snb-middle > aside */
.sub-middle__snb {
	display: none;
	text-align: center;
}

@media screen and (min-width:1101px) {
	.sub-middle__snb {
		display: block;
		float:right;
	}
}

.snb {
	font-size: 0;
	margin-right: -15px;
}

.snb > li {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	font-size: .875rem;
	line-height: 60px;
}

.snb > li .tit {
	display: inline-block;
	position:relative;
	line-height: 1;
}

.snb > li > a {
	display: inline-block;
	position: relative;
}
.snb > li > a:after {
	content:'';
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	border-bottom: 4px solid #0054a6;
	opacity: 0;
}
.snb > li.on > a {
	color: #0054a6;
}
.snb > li.on > a:after {
	opacity: 1;
}

/*
	Sub content style
*/

section.sub-section {
	position: relative;
}

/* sub-section__article */
.sub-section__content-hgroup {
	padding-top: 5rem;
}

.article-row {
	margin-bottom: 2.5rem;
}

.article-hgroup--center {
	text-align: center;
}

.descript-hgroup p {
	font-size: 0.9375rem;
	line-height: 1.65;
}

@media screen and (min-width:768px) {
	.descript-hgroup p {
		font-size: 1.125rem;
	}
}

.sub-section__content__article.border-top {
	padding-top: 3.125rem;
}

.sub-section__content__article {
	padding-top: 1rem;
}
.sub-section__content__article:first-child {
	padding-top: 0;
}

.sub-cont-hgroup+.sub-section__content__article,
.sub-section__content__article.pt-0 {
	padding-top: 0;
}

.customer-satisfaction-row .article-hgroup {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}



/*
	company
*/


.sub-section__spot-bl .spot-tit {
	font-size: 3rem;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	color: #0060bd;
    background: -webkit-gradient(linear, left top, right top, from(#0060bd), to(#00a6b6));
    -webkit-background-clip: text;
	background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media screen and (min-width: 768px) {
	.sub-section__spot-bl .spot-tit {
		font-size: 4.5rem;
	}
}

@media screen and (min-width: 992px) {
	.sub-section__spot-bl .spot-tit {
		font-size: 6.875rem;
	}
}

.sub-section__spot-bl .spot-sub-descript {
	display: block;
	margin-top: 1.5rem;
	font-size: 1rem;
	line-height: 1.5;
}

@media screen and (min-width: 768px) {
	.sub-section__spot-bl .spot-sub-descript {
		margin-top: 2.5rem;
		font-size: 1.25rem;
	}
}

@media screen and (min-width: 992px) {
	.sub-section__spot-bl .spot-sub-descript {
		margin-top: 3.625rem;
		font-size: 1.5rem;
	}
}

/* .sub-section__spot > left */
.sub-section__spot-left {
	padding-top: 80px;
	z-index: 10;
}
/* .sub-section__spot > right */
.sub-section__spot-right {
	margin-top: -26%;
	margin-left: auto;
	*zoom: 1;
}

@media screen and (min-width:768px) {
	.sub-section__spot-right {
		margin-top: 0;
	}
}

.sub-section__spot-right:after {
	content:'';
	display: block;
	clear: both;
}

.sub-section-greeting__spot {
	position: relative;
}
@media screen and (min-width:768px) {
	.sub-section-greeting__spot {
		margin-top: -80px;
	}
}

.sub-section-greeting__article-spot {
	position: relative;
	padding-top: 3rem;
}

@media screen and (min-width:768px) {
	.sub-section-greeting__article-spot {
		padding-top: 0;
		padding-bottom: 0;
	}
}

.sub-section-greeting__article-spot:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #e7f2fd;
	z-index: -1;
}

@media screen and (min-width:768px) {
	.sub-section-greeting__article-spot:after {
		height: calc(100% - 80px);
	}
}

.sub-section-greeting__article-spot__inner {
	max-width: 980px;
}

.sub-section-ceo__ceo-img {
	position: relative;
	float: right;
	z-index: 10;
}
.sub-section-ceo__ceo-img>img {
	width:  50%;
	margin-right: 0;
}

@media screen and (min-width:576px) {
	.sub-section-ceo__ceo-img>img {
		width: 60%;
		margin-right: auto;
	}
}

@media screen and (min-width:768px) {
	.sub-section-ceo__ceo-img>img {
		width: auto;
	}
}
.sub-section-ceo__ceo-bg {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 5%;
    left: 35%;
    transform: skew(-20deg)translateY(-5%);
	-webkit-transform: skew(-20deg)translateY(-5%);
	-ms-transform: skew(-20deg)translateY(-5%);
    z-index: 1;
	width: 360px;
    height: 160px;
	box-shadow: 5px 8.7px 30px 0 rgba(0, 0, 0, 0.3);
	background-image: -webkit-linear-gradient(135deg, #0060bd, #00a6b6);
	background-image: -o-linear-gradient(135deg, #0060bd, #00a6b6);
	background-image: linear-gradient(135deg, #0060bd, #00a6b6);
}

@media screen and (min-width:576px) {
	.sub-section-ceo__ceo-bg {
		bottom: 10.5%;
	    left: 45%;
	    transform: skew(-20deg)translateY(-10.5%);
		-webkit-transform: skew(-20deg)translateY(-10.5%);
		-ms-transform: skew(-20deg)translateY(-10.5%);
		width: 640px;
		height: 240px;
	}
}

.sub-section-greeting-txt-wrap {
	font-size: .875rem;
}

@media screen and (min-width: 768px) {
	.sub-section-greeting-txt-wrap {
		font-size: 1rem;
	}
}

@media screen and (min-width: 1081px) {
	.sub-section-greeting-txt-wrap {
		max-width: 973px;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.125rem;
	}
}

/*  company > organization */
.sub-section__content__article-org__inner {
	background-image: url(/html/_skin/seil/img/sub/company/bg_organization.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

/* company > certification */
.sub-section-quality .board-wrap .manual-list figure>a .thumb-wrap{
	position: relative;
}
.sub-section-quality .board-wrap .manual-list figure>a .thumb-wrap:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/html/_skin/seil/img/sub/company/bg_certification_frame.png) no-repeat left top;
	background-size: 100% 100%;
}

.sub-section-quality .board-wrap .manual-list figure a:hover {
	border-color: transparent;
}

/*  company > lacation */
.sub-section-location__detail-wrap {
	font-size: 0;
}

.sub-section-location__detail {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-bottom: 1.25rem;
	font-size: 1rem;
	word-break: keep-all;
}

@media screen and (min-width:992px) {
	.sub-section-location__detail {
		width: 50%;
		padding-right: 3rem;
	}
}

.sub-section-location__detail-col {
	display: block;
	vertical-align: middle;
}

@media screen and (min-width: 480px) {
	.sub-section-location__detail-col {
		display: inline-block;
	}
}

/* company > loaction > icon */
.sub-section-location__detail-col__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	align-items: center;
	width: 100%;
	padding: .5rem ;
	margin-right: 1rem;
	background-color: #e9f4ff;
	border-radius: 30px;
	text-align: center;
}

@media screen and (min-width: 480px) {
	.sub-section-location__detail-col__icon {
		width: 130px;
	}
}

@media screen and (min-width:768px) {
	.sub-section-location__detail-col__icon {
		width: 120px;
		height: 120px;
		padding: 0;
		margin-right: 1.875rem;
		border-radius: 100%;

	}
}

.sub-section-location__detail .location__detail__icon {
	content: '';
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 8px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.sub-section-location__detail .location__detail__icon.addr {
	background-image: url(/html/_skin/seil/img/sub/company/ico_location_addr.png);
}
.sub-section-location__detail .location__detail__icon.tel {
	background-image: url(/html/_skin/seil/img/sub/company/ico_location_tel.png);
}

@media screen and (min-width:768px) {
	.sub-section-location__detail .location__detail__icon {
		display: block;
		width: 100%;
		margin-bottom: 8px;
		margin-right: 0;
	}
}


.sub-section-location__detail-col__icon .icon-wrap {
	display: inline-block;
	width: 100%;
}

.sub-section-location__detail-col__icon .icon-wrap > * {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.sub-section-location__detail-col-txt-wrap {
	width: 100%;
	margin-top: 1rem;
	text-align: center;
}

@media screen and (min-width: 480px) {
	.sub-section-location__detail-col-txt-wrap {
		width: calc(100% - 160px);
		margin-top: 0;
		text-align: left;
	}
}

@media screen and (min-width:768px) {
	.sub-section-location__detail-col__icon .icon-wrap > * {
		display: block;
		width: 100%;
	}
}

/* philosophy-spot */
.philosophy-spot {
	min-height: 15rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-image: url(/html/_skin/seil/img/sub/company/bg_philosophy_spot.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: left;
	word-break: keep-all;
}

@media screen and (min-width:768px) {
	.philosophy-spot {
		min-height: 40rem;
		padding: 0;
		background-position: center top;
	}
}

@media screen and (min-width:1181px) {
	.philosophy-spot {
		min-height: 47.5rem;
		background-size: cover;
		background-position: center top;
	}
}

.philosophy-spot .clip-tit > img {
	display: inline-block;
	width: 60%;
	padding-top: 5rem;
}

@media screen and (min-width:768px) {
	.philosophy-spot .clip-tit > img  {
		width: 40%;
	}
}


@media screen and (min-width:1181px) {
	.philosophy-spot .clip-tit > img  {
		width: auto;
	}
}

.philosophy-spot__txt-wrap * {
	line-height: 1.5;
}

.philosophy-spot__txt-wrap {
	margin-top: 1rem;
	font-size: 1rem;
}


@media screen and (min-width:768px) {
	.philosophy-spot__txt-wrap {
		margin-top: 1.5rem;
		font-size: 1.25rem;
	}
}


@media screen and (min-width:992px) {
	.philosophy-spot__txt-wrap {
		margin-top: 3rem;
		font-size: 1.5rem;
	}
}


.philosophy-spot__txt-wrap span {
	color: #00a6b6;
}

/* company > history */

/* history navigation style */
.history-nav {
	margin-bottom: 3.75rem;
}

.history-nav__item {
	margin-bottom: .875rem;
}
@media (min-width: 768px) {
	.history-nav__item {
		margin-bottom: 1rem;
	}
}
@media (min-width: 1181px) {
	.history-nav__item {
		margin-bottom: 1.125rem;
	}
}

.history-nav__item>a {
	display: block;
	color: #999;
	text-align: center;
	border-bottom: 2px solid #ddd;
}

.history-nav__item__descript {
	display: block;
	font-size: .875rem;
}

@media (min-width: 768px) {
	.history-nav__item__descript {
		font-size: 1rem;
	}
}
@media (min-width: 1181px) {
	.history-nav__item__descript {
		font-size: 1.25rem;
	}
}

.history-nav__item__year {
	display: block;
	padding-bottom: .875rem;
	font-size: 1.25rem;
	font-weight: 700;
	font-family: 'Rajdhani', sans-serif;
	line-height: 1;
}
@media (min-width: 768px) {
	.history-nav__item__year {
		font-size: 1.875rem;
		padding-bottom: 1rem;
	}
}

@media (min-width: 1181px) {
	.history-nav__item__year {
		font-size: 3.25rem;
		padding-bottom: 1.125rem;
	}
}

/* fixed history-nav style */
.fixed-nav-wrap .history-nav__item>a {
	padding-top: .875rem;
}

.history-nav__item__year .current {
	padding-bottom: .5px;
	font-size: 1rem;
	font-weight: 700;
	font-family: 'Noto Sans KR', sans-serif;
}

@media (min-width: 768px) {
	.fixed-nav-wrap .history-nav__item>a {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.fixed-nav-wrap .history-nav__item__descript {
		font-size: .875rem;
	}
	.fixed-nav-wrap .history-nav__item__year {
		padding-bottom: 0;
		font-size: 1.5rem;
	}

	.fixed-nav-wrap .history-nav__item__year .recent {
		font-size: 1.25rem;
	}
}

@media (min-width: 1181px) {
	.history-nav__item__year .recent {
		font-size: 2.25rem;
		padding-bottom: 5px;
	}
}


.history-nav__item__year>span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.history-nav__item__year>span:first-child {
	margin-left: 0;
}

/* active nav */
.history-nav__item>a.active {
	color: #222;
	border-bottom-color: #2049be;
}
.history-nav__item>a.active .history-nav__item__descript {
	color: #2049be
}


/* history spot */

.history__spot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	min-height: 10rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(/html/_skin/seil/img/sub/company/bg_history_spot_01.jpg);

	text-align: center;
	color: #fff;
}
.sub-section-history__MODULE {
	padding-top: 0;
}
.sub-section-history__MODULE .article-row {
	padding-bottom: 6.25rem;
}

@media screen and (min-width:768px) {
	.history__spot {
		min-height: 15rem;
	}
}

@media screen and (min-width:992px) {
	.history__spot {
		min-height: 22.5rem;
	}
}

#history-section02 .history__spot {
	background-image: url(/html/_skin/seil/img/sub/company/bg_history_spot_02.jpg);
}

#history-section03 .history__spot {
	background-image: url(/html/_skin/seil/img/sub/company/bg_history_spot_03.jpg);
}

.history__year {
	font-size: 2.5rem;
}

.history__year > span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1rem;
	margin-right: 1rem;
	font-weight: bold;
}

.history__year > span:not(.current) {
	margin-top: 5px;
	font-size: 2.5rem;
	font-family: 'Rajdhani', sans-serif;
}

@media screen and (min-width:768px) {
	.history__year > span:not(.current) {
		margin-top: 8px;
		font-size: 3.75rem;
	}
}

@media screen and (min-width:992px) {
	.history__year > span:not(.current) {
		margin-top: 10px;
		font-size: 4.5rem;
	}
}

.history__year .current {
	font-size: 1.875rem;
	font-family: 'Noto Sans KR', sans-serif;
}

@media screen and (min-width:768px) {
	.history__year .current {
		font-size: 3rem;
	}
}

@media screen and (min-width:992px) {
	.history__year .current {
		font-size: 3.5rem;
	}
}

.history__spot .sub-descript--underline {
	position: relative;
	display: inline-block;
	margin-bottom: 6px;
	font-size: 1.25rem;
}

.history__spot .sub-descript--underline:after {
	content: '';
	display: block;
	width: calc(100% - 24px);
	height: 0;
	padding-top: 14px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid rgba(255,255,255,.8);
}

@media screen and (min-width:768px) {
	.history__spot .sub-descript--underline {
		margin-bottom: 16px;
		font-size: 1.4rem;
	}

	.history__spot .sub-descript--underline:after {
		padding-top: 24px;
	}
}

@media screen and (min-width:992px) {
	.history__spot .sub-descript--underline {
		margin-bottom: 30px;
		font-size: 2rem;
	}

	.history__spot .sub-descript--underline:after {
		padding-top: 38px;
	}
}

/* history content */
.MODULE-history-wrap {
	margin-top:	3rem;
}

@media screen and (min-width:768px) {
	.MODULE-history-wrap {
		margin-top:	8.125rem;
	}
}

.MODULE-history__year {
	font-size: 2.5rem;
	font-weight: 700;
	color: #dceeff;
}

@media screen and (min-width:768px) {
	.MODULE-history__year {
		font-size: 4rem;
	}
}

@media screen and (min-width:1181px) {
	.MODULE-history__year {
		font-size: 8.75rem;
	}
}

.MODULE-history__detail-list {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #ddd;
}

@media screen and (min-width:768px) {
	.MODULE-history__detail-list {
		margin-top: 4rem;
		padding-top: 2.5rem;
	}
}

@media screen and (min-width:1181px) {
	.MODULE-history__detail-list {
		margin-top: 5rem;
		padding-top: 3.125rem;
	}
}

.MODULE-history__detail-list-item>dl {
	margin-bottom: .5rem;
}

.MODULE-history__detail__month {
	width: 25%;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	color: #2049be;
}

.MODULE-history__detail__txt {
	width: 75%;
	font-size: .875rem;
	word-break: keep-all;
}

@media screen and (min-width:768px) {
	.MODULE-history__detail__month {
		font-size: 1.25rem;
	}
	.MODULE-history__detail__txt {
		width: 75%;
		font-size: 1rem;
	}
}

/*
	business
*/
/* business >  semiconductor */

.sub-semiconductor__zigzag-article > .article-row {
	position: relative;
}

.sub-semiconductor__zigzag-article .article-row__col-img {
	width: 100%;
}
@media screen and (min-width:1181px) {
	.sub-semiconductor__zigzag-article {
		margin-top: 6.25rem;
	}

	.sub-semiconductor__zigzag-article2 {
		padding-top: 6.25rem;
	}


	.sub-semiconductor__zigzag-article .article-row__col-img {
		position: absolute;
		left: 0;
		top: -6.25rem;
		width: 36.44%;
	}

	.sub-semiconductor__zigzag-article .article-row__col-img--right {
		left: auto;
		right: 0;
	}
}

.sub-semiconductor__zigzag-article .article-row__col-txt-wrap {
	width: 100%;
	word-break: keep-all;

}
@media screen and (min-width:1181px) {
	.sub-semiconductor__zigzag-article .article-row__col-txt-wrap {
		width: 81%;
		min-height: 680px;
		margin-left: auto;
	}

	.sub-semiconductor__zigzag-article .article-row__col-txt-wrap--left {
		margin-left: 0;
		margin-right: auto;
	}
}



@media screen and (min-width:1181px) {
	body .sub-semiconductor__zigzag-article .article-row__col-txt-wrap--left .txt-wrap {
		margin-left: 7%;
	}
}

@media screen and (min-width:1401px) {
	body .sub-semiconductor__zigzag-article .article-row__col-txt-wrap--left .txt-wrap {
		margin-left: 15%;
	}
}

@media screen and (min-width:1920px) {
	body .sub-semiconductor__zigzag-article .article-row__col-txt-wrap--left .txt-wrap {
		margin-left: 30%;
	}
}

.sub-semiconductor__zigzag-article .article-row__col-txt-wrap .txt-wrap {
	padding-top: 5rem;
	padding-left: 2rem;
	padding-bottom: 5rem;
	padding-right: 2rem;
	color: #666;
	font-weight: 300;
}

@media screen and (min-width:1401px) {
	.sub-semiconductor__zigzag-article .article-row__col-txt-wrap .txt-wrap {
		width: 55.59%;
	}
}

@media screen and (min-width:1181px) {
	.sub-semiconductor__zigzag-article .article-row__col-txt-wrap .txt-wrap {
		max-width: 680px;
		width: 100%;
		margin-left: 30%;
		padding: 0;
	}
}

@media screen and (min-width:992px) {
	.sub-semiconductor__zigzag-article .article-row__col-txt-wrap .txt-wrap {
		padding-top: 8.75rem;
		padding-bottom: 8.75rem;
	}
}

.sub-semiconductor__zigzag-article .article-tit--middle {
	line-height: 1.33;
	margin-bottom: 2.5rem;
	font-weight: 400;
	color:  #222;
}

.sub-semiconductor__zigzag-article .article-row__col-img .img-bg {
	content:'';
	display: block;
	width: 100%;
	height: 250px;
	background-image: url(/html/_skin/seil/img/sub/business/bg_semiconductor_semiconductor.jpg);
	background-size: cover;
	background-position: center center;
}

@media screen and (min-width:768px) {
	.sub-semiconductor__zigzag-article .article-row__col-img .img-bg {
		height: 380px;
	}
}

@media screen and (min-width:1181px) {
	.sub-semiconductor__zigzag-article .article-row__col-img .img-bg {
		height: 680px;
	}
}



/* business >  semiconductor > growth */

.sub-semiconductor__growth {
	margin:0 auto;
	max-width:1180px;
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
}
@media screen and (max-width:1200px) {
	.sub-semiconductor__growth  {
		width:100%;
		padding-top: 5rem;
		padding-bottom: 2.5rem;
	}
}

/* business >  semiconductor > growth > img-col */
@media screen and (min-width:1181px) {
	.sub-semiconductor__growth__row {
		margin-right: -15px;
		margin-left: -15px;
	}

	.sub-semiconductor__growth__row .article-row__col {
		min-height: 450px;
		margin-right: -15px;
		margin-left: -15px;
	}
}

.sub-semiconductor__growth .article-row__col__el__inner {
	position: relative;
	height: 100%;
	min-height: 300px;
	padding-top: 3.125rem;
	padding-right: 2.5rem;
	padding-bottom: 3.125rem;
	padding-left: 2.5rem;
	background-repeat: no-repeat;
	background-position: center 65%;
	background-size: cover;
	color: #fff;
	box-shadow: 10px 10px 30px rgba(0,0,0,.4);
}
@media screen and (min-width:768px) {
	.sub-semiconductor__growth .article-row__col__el__inner {
		background-position: center center;
	}
}

.sub-semiconductor__growth .article-row__col__el__sale {
	background-image: url(/html/_skin/seil/img/sub/business/bg_semiconductor_growth_sales.jpg);
}

.sub-semiconductor__growth .article-row__col__el__rate {
	background-image: url(/html/_skin/seil/img/sub/business/bg_semiconductor_growth_rate.jpg);
}

.sub-semiconductor__growth__row .article-row__col .col__tit {
	line-height: 1.5;
}

.sub-semiconductor__growth__row .article-row__col .col__bottom-txt-wrap {
	margin-top: 5rem;
}

@media screen and (min-width:1181px) {
	.sub-semiconductor__growth__row .article-row__col .col__bottom-txt-wrap {
		position: absolute;
		bottom: 3.125rem;
	}
}

/* business >  semiconductor > growth > txt-col */
.sub-semiconductor__growth__row .article-row__col-txt-wrap {
	padding-top: 4rem;
	padding-left: 2rem;
	padding-right: 2rem;
	color: #666;
	font-weight: 300;
}

.sub-semiconductor__growth__row .article-row__col-txt-wrap .tit {
	margin-bottom:2.5rem;
	color: #222;
	word-break: keep-all;
}

@media screen and (min-width:1181px) {
	.sub-semiconductor__growth__row .article-row__col-txt-wrap {
		padding-left: 5rem;
		padding-bottom: 3rem;
		padding-right: 0;
	}
}

/* business >  semiconductor > pipe */
.sub-semiconductor__zigzag-article .article-row__col-img .img-bg.pipe {
	background-image: url(/html/_skin/seil/img/sub/business/bg_semiconductor_pipe.jpg);
}


/* tech-dev */
.sub-section-tech-dev__article {
	padding: 0;
}

.sub-section-tech-dev__article .fp-tableCell {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.business-only-footer .fp-tableCell,
.business-only .fp-tableCell {display: block;}

.business-only,
.business-only .fp-tableCell,
.business-only-footer,
.business-only-footer .fp-tableCell {
	height: auto !important;
}

.sub-section-tech-dev__article.section-01 {
	background-image: url(/html/_skin/seil/img/sub/business/bg_technology_dev_our_tech.jpg);
	background-position: center;
	background-size: cover;
	color: #fff;
}
/*
.section [data-aos^=fade][data-aos^=fade] {
	transition-property: opacity,transform;
	transition-timing-function: ease;
	transition-duration: .8s;
}

.section.active [data-aos^=fade][data-aos^=fade] {
	opacity: 1;
	transform: translateY(0);
} */


/* tech-dev > section 01 */
.sub-section-tech-dev__our-tech {
	position:  relative;
	padding-top: 2.5rem;
	padding-bottom: 5rem;
	-ms-flex-align: start;
	align-items: flex-start;
}

@media screen and (min-width:768px) {
	.sub-section-tech-dev__our-tech {
		padding-top: 5rem;
	}
}

@media screen and (min-width:992px) {
	.sub-section-tech-dev__our-tech {
		padding-top: 7.75rem;
	}
}

.sub-section-tech-dev__our-tech:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	background-image: url(/html/_skin/seil/img/sub/business/img_tech_dev_our_tech_line.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	transition: width, 1.3s;
	-webkit-transition: width, 1.3s;
	-ms-transition: width, 1.3s;
}

.section.active .sub-section-tech-dev__our-tech:after {
	width: 100%;
}

.sub-section-tech-dev__tit {
	margin-bottom: 1.25rem;
	font-size: 3.125rem;
	font-weight: 700;
	color: #00a6b6;
	word-break: break-word;
	text-align: center;
}

@media screen and (min-width:768px) {
	.sub-section-tech-dev__tit {
		margin-bottom: 0;
		font-size: 5rem;
		text-align: left;
	}
}

@media screen and (min-width:992px) {
	.sub-section-tech-dev__tit {
		font-size: 6.875rem;
	}
}

/* sub-section-tech-dev__our-tech__icon-wrap */
.sub-section-tech-dev__our-tech__icon-wrap {
	/* padding-top: 1rem; */
}

.sub-section-tech-dev__our-tech__icon-item {
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.sub-section-tech-dev__our-tech__icon-item img {
	width: 64%;
}

@media screen and (min-width:767px) {
	.sub-section-tech-dev__our-tech__icon-item img {
		min-width: 120px;
	}
}

.sub-section-tech-dev__our-tech__icon-item .item__caption {
	margin-top:	1.5625rem;
	font-size: .875rem;
	line-height: 1.4;
	word-break: keep-all;
}

@media screen and (min-width:992px) {
	.sub-section-tech-dev__our-tech__icon-item .item__caption {
		font-size: 1rem;
	}
}

@media screen and (min-width:768px) {
	.sub-section-tech-dev__our-tech__icon-item .item__caption {
		font-size: 1.25rem;
	}
}

.sub-section-tech-dev__our-tech-detail {
	font-size: 1rem;
	line-height: 1.56;
	font-weight: 300;
}
.sub-section-tech-dev__our-tech-detail p {
	line-height: 1.56;
}

@media screen and (min-width:768px) {
	.sub-section-tech-dev__our-tech-detail {
		font-size: 1.125rem;
	}
}


/* sub-section-tech-dev__major-tech */
.sub-section-tech-dev__major-tech {
	position: relative;
	background-image: linear-gradient(to bottom, #ededed, white 40%, #ededed 40%);
 	background-repeat: no-repeat;
	background-position: left bottom;
}

.sub-section-tech-dev__major-tech:before {
	content: 'TECHNOLOGY';
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: -0.3%;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	color: #fff;
	text-align: center;
	font-size: 2rem;
}

@media screen and (min-width:461px) {
	.sub-section-tech-dev__major-tech:before {
		bottom: -2%;
		font-size: 5rem;
	}
}

@media screen and (min-width:992px) {
	.sub-section-tech-dev__major-tech:before {
		bottom: -4%;
		font-size: 10rem;
	}
}

@media screen and (min-width:1281px) {
	.sub-section-tech-dev__major-tech:before {
		bottom: -6%;
		font-size: 15rem;
	}
}

@media screen and (min-width:1801px) {
	.sub-section-tech-dev__major-tech:before {
		bottom: -8%;
		font-size: 20rem;
	}
}

.sub-section-tech-dev__major-tech .fp-tableCell {
	position: relative;
}

.sub-section-tech-dev__major-tech .article-row {
	margin-bottom: 0
}

@media screen and (min-width:1181px) {
	.sub-section-tech-dev__major-tech .sub-cont-hgroup {
		position: absolute;
		top: 100px;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}

.tech-dev__major-tech__col {
	margin-bottom: 30px;
}

/* tech-dev__major-tech item*/
.tech-dev__major-tech__item {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: end;
	align-items: flex-end;

	-ms-flex-wrap: wrap;
    flex-wrap: wrap;

	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-image: url(/html/_skin/seil/img/sub/business/bg_tech_dev_major_tech_01.jpg);

	overflow: hidden;
	z-index: 10;
}

.tech-dev__major-tech__col2 .tech-dev__major-tech__item {
	background-image: url(/html/_skin/seil/img/sub/business/bg_tech_dev_major_tech_02.jpg);
}

.tech-dev__major-tech__col3 .tech-dev__major-tech__item {
	background-image: url(/html/_skin/seil/img/sub/business/bg_tech_dev_major_tech_03.jpg);
}

.tech-dev__major-tech__item {
	height: 100%;
	transition: height .2s;
	-webkit-transition: height .2s;
}

@media screen and (min-width:1181px) {
	.tech-dev__major-tech__item {
		height: 31.25rem;
	}

	.tech-dev__major-tech__item:hover {
		height: 37.5rem;
	}
}

.tech-dev__major-tech__item-num {
	display: inline-block;
    position: absolute;
	right: -30px;
    top: 8rem;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	color: rgba(255, 255, 255, 0.4);
	font-weight: 600;
	font-size: 1rem;
	-webkit-transition: color, .5s;
    transition: color, .5s;
}

@media screen and (min-width:768px) {
	.tech-dev__major-tech__item-num {
		font-size: 1.125rem;
	}
}

@media screen and (min-width:992px) {
	.tech-dev__major-tech__item-num {
		font-size: 1.5rem;
	}
}
.tech-dev__major-tech__item:hover .tech-dev__major-tech__item-num {
	color: #0054a6;
}

.tech-dev__major-tech__item-detail {
	position: relative;
	width: 100%;
	padding: 3.75rem 3.125rem;
	transform: translateY(50%);
	-webkit-transition: all, 1s;
    transition: all, 1s;
	word-break: keep-all;
}

.tech-dev__major-tech__item-tit {
	position: relative;
	font-size: 1.5rem;
	color: #fff;
	font-weight: 600;
	line-height: 1.5;
	-webkit-transition: all 1s;
    transition: all 1s;
    z-index: 1;
}

@media screen and (min-width:768px) {
	.tech-dev__major-tech__item-tit {
		font-size: 1.75rem;
	}
}


.tech-dev__major-tech__item-txt {
	position: relative;
	padding-top: 2.625rem;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 300;
	font-size: .875rem;
	opacity: 0;
	transform: translateY(100%);
	-webkit-transition: all, 1s;
    transition: all, 1s;
	z-index: 1;
}

@media screen and (min-width:768px) {
	.tech-dev__major-tech__item-txt {
		font-size: 1rem;
		color: rgba(255, 255, 255, 0.4);
	}
}

.tech-dev__major-tech__item:hover {
	box-shadow: 10px 17.3px 40px 0 rgba(0, 0, 0, 0.6);
}
.tech-dev__major-tech__item:hover .tech-dev__major-tech__item-detail,
.tech-dev__major-tech__item:hover .tech-dev__major-tech__item-txt {
	transform: translateY(0%);
	opacity: 1;
}

/*
	quality
*/
.improvement-activity-spot {
	min-height: 15.5rem;
	padding: 2rem;
	margin-top: 2.5rem;
	background-image: url(/html/_skin/seil/img/sub/quality/bg_improvement_activity_spot.jpg);
	text-align: center;
}

@media screen and (min-width:992px) {
	.improvement-activity-spot {
		min-height: 22.5rem;
		margin-top: 8.625rem;
	}
}

.improvement-activity-spot [class^="article-tit--large"] {
	width: 100%;
	color: #fff;
}


.improvement-activity-icon-list {
	margin-top:	3.75rem;
}

.improvement-activity-icon-list__item {
	padding-top: 3.125rem;
	padding-bottom: 3.125rem;
}

.improvement-activity-icon-list__el {
	display: block;
	padding-left: 1%;
	padding-right: 1%;
}

.improvement-activity-icon-list__detail {
	padding-top: 5%;
}

.improvement-activity-icon-list__detail dt {
	margin-bottom: .5rem;
	font-size: 1.125rem;
	font-weight: 500;
}

.improvement-activity-icon-list__detail dd {
	font-size: 0.875rem;
	/* font-weight: 300; */
	color: #666;
	line-height: 1.6;
}

@media screen and (min-width:768px) {
	.improvement-activity-icon-list {
		font-size: 0;
	}

	.improvement-activity-icon-list__el {
		display: inline-block;
		vertical-align: top;
		font-size: 1rem;
	}

	.improvement-activity-icon-list__detail {
		padding-top: .6%;
	}

	.improvement-activity-icon-list__detail dt {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
	}

	.improvement-activity-icon-list__detail dd {
		font-size: 0.9375rem;
	}
}

@media screen and (min-width:992px) {
	.improvement-activity-icon-list__img {
		width: 10.17%;
	}

	.improvement-activity-icon-list__detail {
		width: 89.83%;
	}
}

@media screen and (min-width:768px) {
	.improvement-activity-icon-list__img {
		width: 13%;
	}

	.improvement-activity-icon-list__detail {
		width: 87%;
	}
}


/*
	recruit
*/
/* benefits */
.benefits-list-row__col {
	margin-bottom: 1.5625rem;
}

.benefits-list-row__col .bg-num {
	padding: 3.75rem 1.875rem;
	background-color: #fff;
}

.benefits-list-row__item .img-responsive {
	height: 100%;
}

@media screen and (max-width:575px) {
	.benefits-list-row__item [class^="col-"]:not(.bg-num) {
		max-height: 200px;
		overflow: hidden;
	}
}

@media screen and (min-width:319px) and (max-width:575px) {
	.benefits-list-row__item .img-responsive {
		height: auto;
		transform: translateY(-30%);
	}
}

/* talent */
.sub-section__content__talent {
	position: relative;
	padding-bottom: 10rem;
}
.sub-section__content__talent:before {
	content:'';
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 34rem;
	background-color: #0054a6;
	background-image: url(/html/_skin/seil/img/sub/recruit/bg_talent_asflow_logo.png);
	background-repeat: no-repeat;
	background-position: center calc(100% + 10px);
	background-size: 98%;
}

@media screen and (min-width:1181px) {
	.sub-section__content__talent {
		padding-bottom: 18rem;
	}
}

.talent-list {
	margin-left: -20px;
	margin-right: -20px;
}
.talent-list>[class*="col-"] {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 5%;
}

.talent-list-item {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	min-height: 200px;
	padding:  3.75rem  3.125rem;
	background-image: url(/html/_skin/seil/img/sub/recruit/bg_benefits_talent_01.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 10px 17.3px 40px 0 rgba(0, 0, 0, 0.6);

}

@media screen and (min-width:768px) {
	.talent-list-item {
		min-height: 265px;
	}
}

@media screen and (min-width:1181px) {
	.talent-list-item {
		min-height: 365px;
	}
}

.talent-list-item__ico {
	position: relative;
	margin-top: 2rem;
	text-align: right;
}

.talent-list-item__ico>img{
	display: inline-block;
}

.talent-list-item2 {
	background-image: url(/html/_skin/seil/img/sub/recruit/bg_benefits_talent_02.jpg);
}
.talent-list-item3 {
	background-image: url(/html/_skin/seil/img/sub/recruit/bg_benefits_talent_03.jpg);
}

.talent-list-item__tit {
	font-size: 1.3rem;
	line-height: 1.5;
	color: #fff;
}

@media screen and (min-width:768px) {

	.talent-list-item__tit {
		font-size: 1.875rem;
	}
}

.talent-list-item__tit > span {
	display: block;
}

.talent-list-item__tit .num {
	font-size: 1.25rem;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
	opacity: .8;
}


/* sub-section__content__talent-detail */
.sub-section__content__talent-detail {
	margin-top: 2.5rem;
}
.talent-detail-list__item {
	padding-top: 3.75rem;
	padding-bottom: 3.75rem;
}

.talent-detail-list__item__tit {
	margin-bottom: 1.25rem;
	font-size: 1.5rem;
}

@media screen and (min-width:480px) {
	.talent-detail-list__item__tit {
		width: 28%;
	}
}

@media screen and (min-width: 768px) {
	.talent-detail-list__item__tit {
	    font-size: 1.75rem;
	}
}

@media screen and (min-width:480px) {
	.talent-detail-list__item__txt {
		width: 72%;
	}
}

.talent-detail-list__item__txt__el {
	margin-bottom: 1rem;
}

.talent-detail-list__item__txt__el .num {
	font-weight: 700;
	font-family: 'Rajdhani', sans-serif;
	color: #0054a6;
	font-size: 1.125rem;
	line-height: 1.5;
}
@media screen and (min-width:768px) {
	.talent-detail-list__item__txt__el .num {
		font-size: 1.1875rem;
	}
}


.talent-detail-list__item__txt__el .txt {
	width: 90%;
	padding-left: 1rem;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: #666;
	font-weight: 300;
}

@media screen and (min-width:768px) {
	.talent-detail-list__item__txt__el .txt {
		padding-left: 2rem;
	}
}

.talent-detail-list__item__txt__el .txt>span {
	font-weight: 500;
	color: #222;
}
@media screen and (min-width:768px) {
	.talent-detail-list__item__txt__el .txt {
		font-size: 1.125rem;
	}
}

/*  benefit (recruitment_procedure) */
.benefits-step {
	padding-top: 6.25rem !important;
	padding-bottom: 5.25rem;
}

.benefits-step-item {
	position: relative;
	width: 160px;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
}

@media screen and (min-width:768px) {
	.benefits-step-item {
		width: 200px;
		height: 200px;
	}
}

.benefits-step [class*="col-"] {
	position: relative;
	margin-bottom: 1rem;
}

.benefits-step [class*="col-"]:after {
	content:'';
	display: none;
	position: absolute;
	top: 0;
	right: -8px;
	width: 100%;
	height: 100%;
	background-image: url(/html/_skin/seil/img/common/ico_arrow_mint_right.png);
	background-repeat: no-repeat;
	background-position: center right;
}

.benefits-step [class*="col-"]:last-child:after {
	display: none;
}

@media screen and (min-width:768px) {
	.benefits-step [class*="col-"]:after {
		display: block;
	}
}

.benefits-step-item__detail {
	width: 100%;
}

.benefits-step-item__detail .num {
	position: relative;
	display: inline-block;
	padding-bottom: 12px;
	margin-bottom:  .5rem;
	font-family: 'Rajdhani', sans-serif;
	font-size: 1rem;
	font-weight: 700;
}
.benefits-step-item__detail .num:after {
	content:'';
	display: inline-block;
	position: absolute;
	left: -4px;
	bottom: 0;
	width: 100%;
	height: 0;
	border-bottom: 2px solid #333;
	padding-left: 4px;
	padding-right: 4px;
}

@media screen and (min-width:768px) {
	.benefits-step-item__detail .num {
		margin-bottom:  1.25rem;
	}
}

.benefits-step-item__detail .img {
	margin-bottom: .5rem;
	min-height: 48px;
}

.benefits-step-item__detail .img>span {
	width: 100%;
	display: inline-block;
}

.benefits-step-item__detail .img img {
	width: 20%;
}

@media screen and (min-width:768px) {
	.benefits-step-item__detail .img {
		margin-bottom: 1.25rem;
	}

}

/* download btn */
.benefits__btn-wrap>[class^="btn"] {
	max-width: 260px;
}


/*
	product
*/

.sub-product-section__inner {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	padding-right: 0;
}

.sub-product-all__list {
	width: 100%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
	padding-left: 15px;
	padding-right: 15px;
}

.sub-product-all__list-item__img>img {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.sub-product-all__list-item__detail {
	display: flex;
	align-items: center;
	padding: 2.5rem;
	background-color: #f4f4f4;
	word-break: keep-all;
}

@media screen and (min-width: 992px) {
	.sub-product-section__inner {
		padding-left: 15px;
		padding-right: 15px;
	}
	.sub-product-all__list {
		flex: 0 0 50%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 5rem;
	}
}

@media screen and (min-width:1141px) {
	.sub-product-section__inner,
	.sub-product-all__list {
		display: block;
	}

	.sub-product-section__inner {
		padding-left: 0;
		padding-right: 0;
	}

	.sub-product-all__list-item {
		display: flex;
		flex-wrap: wrap;
	}

	.sub-product-all__list-item__img {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.sub-product-all__list-item__detail {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 3.75rem;
	}

	.sub-product-all__list:nth-child(even) .sub-product-all__list-item__img {
		order: 2;
	}
}

@media screen and (min-width:1181px) {
	.sub-product-all__list-item__img {
		flex: 0 0 42.372%;
		max-width: 42.372%;
	}

	.sub-product-all__list-item__detail {
		flex: 0 0 57.628%;
		max-width: 57.628%;
	}
}

.sub-product-all__list-item__detail-tit {
	padding-bottom:  1.875rem;
	font-weight: 600;
	font-size: 1.75rem;
}

.sub-product-all__list-item__detail-txt {
	/* font-weight: 300; */
	line-height: 1.5;
	padding-bottom:  1.875rem;
}
.sub-product-all__list-item__detail-btn {
	margin-top: 0;
}

.sub-product-all__list-item__detail-btn:hover {
	background-image: none;
	border: 1px solid #0054a6;
	color: #0054a6;
}

/*  product > fitting*/
.sub-product-section--fitting .bg-lightskyb {
	padding-top: 3.75rem;
	padding-bottom: 3.125rem;
	margin-bottom: 5rem;
}

/* -------------------------
	// Product Module
---------------------------- */
/* module - list */
.sub-product-section__product-list {
	margin-top: 1.875rem;
}

.product-list__thumb-wrap>a {
	min-height: 171px;
	border: 1px solid #ddd;
	overflow: hidden;
	background:  url(/img/noimage.gif) no-repeat center center;
	background-size: cover;
}

.product-list__thumb-wrap img {
	width: 100% !important;
}

@media screen and (min-width:576px) {
	.product-list__thumb-wrap>a,
	.product-list__thumb-wrap img {
		min-height: 242px;
		max-height: 242px;
	}
}

@media screen and (min-width:768px) {
	.product-list__thumb-wrap>a,
	.product-list__thumb-wrap img {
		min-height: 201px;
		max-height: 201px;
	}
}

@media screen and (min-width:992px) {
	.product-list__thumb-wrap>a,
	.product-list__thumb-wrap img {
		min-height: 204px;
		max-height: 204px;
	}
}

@media screen and (min-width:1181px) {
	.product-list__thumb-wrap>a,
	.product-list__thumb-wrap img {
		min-height: 171px;
		max-height: 171px;
		max-height: fit-content;
		-webkit-max-height: fit-content;
	}
}

.product-list__caption {
	padding-top: 0.875rem;
	padding-left: 0.75rem;
	padding-bottom: 0.875rem;
	padding-right: 0.75rem;
	line-height: 1.25;
}

.product-list__item {
	position: relative;
	/* height: 100%; */
	padding: 1px;
	margin-bottom: 1.5rem;
}

.product-list__item:before {
	content: '';
	display: block;
	position: absolute;
	top: 0 ;
	right: 0;
	bottom: 0;
	left: 0;
	width: calc(100% - 2px);
	height: 100%;
	border: 1px solid #0054a6;
	z-index: -1;
	opacity: 0;
	transition: opacity, .3s ease-in;
	-webkit-transition: opacity, .3s ease-in;
	-ms-transition: opacity, .3s ease-in;
}

.product-list__item:hover:before {
	opacity: 1;
}

.product-list__item a {
	display: block;
}

/* module - view */
.MODULE-product-detail sup {
	vertical-align: super;
    font-size: smaller;
}

.MODULE-product-detail .sub-cont-tit {
	margin-bottom: 2.5rem;
}

.MODULE-product-detail__pro-img-wrap {
	display: table;
	width: 100%;
	text-align: center;
}
.MODULE-product-detail__pro-img-wrap.border-all {
	border-color: #ddd;
}

@media screen and (min-width:992px) {
	.MODULE-product-detail__pro-img-wrap {
		min-height: 30rem;
	}
}

.MODULE-product-detail__pro-img-wrap .t-cell {
	display: table-cell;
	vertical-align: middle;
}

.MODULE-product-detail__pro-img-wrap img {
	margin-left: auto;
	margin-right: auto;
}


.MODULE-product-detail  .img-width {
	max-width: 360px;
}






/* fullpage */
#fp-nav ul li:first-child,
#fp-nav ul li:last-child {
	display: none;
}

.fp-section.fp-table, .fp-tableCell {
	transition-timing-function: linear;
 }

#fp-nav ul li .fp-tooltip {
	display: block;
	top: 20px;
	right: 6px;
	width: 100%;
	opacity: 1;
	color: #666;
	overflow: visible;
	font-family: 'Rajdhani', sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	text-align: right;
}
#fp-nav ul li .fp-tooltip.right {
	right: 6px;
    bottom: 10px;
    top: auto;
}

#fp-nav ul li a.active+.fp-tooltip,
#fp-nav ul li a.active+.fp-tooltip {
	color: #00a6b6;
}


#fp-nav ul li, .fp-slidesNav ul li {
    width: 50px;
    margin: 30px 0;
}

 #fp-nav ul li a span, .fp-slidesNav ul li a span {
	left: auto;
	right: 0;
	width: 30px;
	height: 4px;
	margin: 0;
	background-color: #666;
	border-radius: 0;

 }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	width: 50px;
	height: 4px;
	margin: 0;
}

 #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	width: 50px;
	height: 4px;
	margin: 0;
	background-color: #00a6b6;
	border-radius: 0;
 }

@media screen and (max-width: 1200px) {
	.fp-section.fp-table, .fp-tableCell {
		display: block;
		height: auto !important;
	}
}
/*-----------------------------*/