@charset "utf-8";

input,
select,
textarea { font-size:16px;}

.Input.Type1 { padding:6px 0 5px; background:#f7f7f7; text-indent:10px; border:1px solid #e1e1e1; border-right-color:#f7f7f7; border-bottom-color:#f7f7f7;}
/* .Input.File { font-size:13px; height:24px;} */
.Select.Type1 { padding:5px 0 4px;}
.Textarea.Type1 { padding:6px 5px 5px; background:#f7f7f7; border:1px solid #e1e1e1; border-right-color:#f7f7f7; border-bottom-color:#f7f7f7; resize:none; line-height:1.6;}

.Normal { font-weight:normal !important;}

.NB { font-family:"NanumBarunGothic" !important;}

.Eng { font-family: 'Exo 2', 'sans-serif'; }

.hide {
    display: none;
    width: 0; height: 0; overflow: hidden; 
    font-size: 0; line-height: 0; text-indent: -9999px;
    position: absolute; left: -9999px;
}
/* padding - s */
.pl15{padding-left: 15px;}

/* margin - s */
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt100 { margin-top: 100px;}

.mb200{margin-bottom: 200px;}
.mb150{margin-bottom: 150px;}
.mb100{margin-bottom: 100px;}
.mb60 { margin-bottom: 60px;}
.mb50 { margin-bottom: 50px;}
.mb30 { margin-bottom: 30px;}
.mb20 { margin-bottom: 20px;}
.mb15{margin-bottom: 15px;}
.mb10 { margin-bottom: 10px;}
.mb05 { margin-bottom: 5px;}

.mr15{margin-right: 15px;}
.mr10{margin-right: 10px;}
.mr_auto{margin-right: auto;}
/* margin - e */
.clearfix::after {content:""; display:block; clear:both;}
.db {display: block;}
.dib {display: inline-block;}
.dn {display: none;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right}

.block{display: block;}
.ls1 {letter-spacing: -1px;}

.wrdBrk {word-break:keep-all;}

.tableFixed {table-layout:fixed;}


.bold {font-weight: bold;}
.blue {color:#005696;}

.wp50{width:98%;}

.NoTop { margin-top:0 !important;}

	
/* Canvas */
#Canvas { position:fixed; left:50%; top:0; z-index:0; width:2500px; height:2000px; margin-left:-1250px;}

/* Button */
.Button { display:inline-block; text-align:center;}
.Button:hover { text-decoration:none;}

.Button.Type1 {
	/* width: 100px; height: 35px; */
	padding: 0.5rem 1.2rem;
	font-size: 14px; font-weight: 500; color: #fff;
	background-color: #005696;
}
.Button.Type2 { padding:8px 12px; border:3px solid #fff; color:#fff; font-size:14px; font-weight:bold; text-align:center; font-family: 'Exo 2', 'sans-serif';}
.Button.Type3 { padding:12px 18px; border:2px solid #666; color:#666; font-size:20px; font-weight:bold; text-align:center; font-family: 'Exo 2', 'sans-serif'; }
.Button.Type4 { width:71px; height:71px; line-height:71px; border:2px solid #666; color:#666; font-size:13px; border-radius:50%; text-align:center;}
.Button.Color1 { background-color:#b79c67; border-color:#b79c67; color:#fff;}
.Button.Color2 { background-color:#666; border-color:#666; color:#fff;}
.Button.Type5 { padding:7px 15px; border:1px solid #ccc; color:#666; font-size:13px;}
.Button.Image { padding-top:5px !important; padding-bottom:4px !important;}
.Button.Closer01 { width:19px; height:19px; padding:0; line-height:21px; font-size:15px; text-decoration:none;}
.Button.Type6 { display:block; padding:8px 0; border:2px solid #888; background-color:#fff; font-size:22px; color:#333; font-weight:normal;}
.Button.Type6 span { display:inline-block; padding-right:15px; background:url("/asset/www/images/ico/ico_arrow06.png") no-repeat right center;}


.VMiddle { vertical-align:middle !important; padding-top:0 !important; padding-bottom:0 !important;}
.VTop { vertical-align:top !important; padding-top:0 !important; padding-bottom:0 !important;}

/* Spacing */
.Mtop20 { margin-top:20px;}
.Mtop40 { margin-top:40px;}

/* BtnArea */
.BtnArea.Type1 { padding:0 0 10px;}
.BtnArea.Type2 { padding:30px 0 0; text-align:center;}
.BtnArea.Type2 .Button { margin:0 5px;}

/* ContentTitle - 2023*/
.ContentSection .ContentTitle {
	margin-bottom: 40px;
	font-size: 55px; color: #111; font-weight: 800; text-align: center; letter-spacing: -2px; line-height: 55px;
}
.ContentSection .ContentTitle span{position: relative;}
.ContentSection .ContentTitle span::before{content: "";
	width: 30px; height: 30px;
	border-radius: 100%;
	background-color: #c3dbf5;
	position: absolute; left: -15px; top: 0; z-index: -1;
}
.ContentSection .SubContentTitle {
	margin-bottom: 20px;
	font-weight: 600; font-size: 35px; color: #1067c4; text-align: center; line-height: 43px;
}
.SubContentTitle.mb{margin-bottom: 70px;}
/* SearchField */
.SearchField.Type1 {
	justify-content: flex-end; align-items: center;
	padding-bottom: 20px; margin-bottom: 50px; border-bottom: 2px solid #005696;
}
.SearchField.Type1 legend { display:none;}
.SearchField.Type1:after { display:block; content:""; clear:both;}
.SearchField.Type1 > .Category { height:40px;}
.SearchField.Type1 #SelectCategory { width:71px;}
.SearchField.Type1 #SelectRange { width:44px;}
.SearchField.Type1 .Category.Select1, .SearchField.Type1 .Category.Select2{
	width: 150px; height: 40px;
    padding: 0 10px; border: 1px solid #ddd;
}
.SearchField.Type1 .Category.Input {
	width: 320px; height: 40px;
	border: 1px solid #ddd;
}
.SearchField.Type1 .Category.Input .InputText {
	width: calc(100% - 40px); height: 38px;
	padding: 10px; border:0 none;
	line-height: 37px; text-indent:10px;
}
.SearchField.Type1 .Category.Input .Category.Button {
	width: 37px; height:100%;
	padding: 10px; border-left: 1px solid #ddd;
	text-align:center; line-height:40px;
}

/* Article */
.Article-box{
	justify-content: flex-start;
	margin-bottom: 50px;
}
.artice-board{gap:10px}
.Article.Type1 {
	width: calc(100% / 4 - 20px);
	border-radius: 20px; border-top: 3px solid #1067c4;
	background-color:#fff;
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1); overflow:hidden;
}
.Article.Type1 .Thumbnail-box{padding: 20px;}
.Article.Type1 .ListSect .Thumbnail {
	display:block;
	width: 100%; height: 210px;
}
.Article.Type1 .ListSect .Thumbnail > img { width:100%;}
.Article.Type1 .ListSect .Thumbnail a img{
	width: 100%; height: 100%;
	object-fit: cover;
}
.Article.Type1 .ListSect .MetaInfo {
	font-size: 16px; font-weight: 600; color: #777;
}
.Article.Type1 .ListSect.notice .MetaInfo{margin-bottom: 10px;}
/* .Article.Type1 .ListSect.notice .Title{color: #0b4bc1;} */
.Article.Type1 .ListSect .MetaInfo .Year.txt16{color: #FFB800;}
.Article.Type1 .ListSect .MetaInfo .COMPANY{color: #080dcb;}
.Article.Type1 .ListSect .MetaInfo .HARMONY{color: #FFB800;}
.Article.Type1 .ListSect .MetaInfo .SHARE{color: #ff3030;}
.Article.Type1 .ListSect .MetaInfo span {display:inline-block; height:11px; line-height:11px;}
.Article.Type1 .ListSect .MetaInfo .Date {
	display: block;
	color:#999; font-weight: 500;
}
/* .Article.Type1 .ListSect .MetaInfo .Category { margin:0 0 0 10px; padding:0 0 0 10px; font-size:16px; border-left:1px solid #aaa; font-family: 'Exo 2', 'sans-serif'; font-weight:bold; color:#999;} */
.Article.Type1 .ListSect .MetaInfo .Category.Company { color:#005696;}
.Article.Type1 .ListSect .MetaInfo .Category.Harmony { color:#b09560;}
.Article.Type1 .ListSect .MetaInfo .Category.Share { color:#005696;}
.Article.Type1 .ListSect .Title {
	min-height: 57px;
	margin-bottom: 15px;
	color: #333; letter-spacing: -2px;
}
.Article.Type1 .ListSect .Title .ExLink { margin-left:30px;}
.Article.Type1 .ListSect .Title .Download { margin-left:30px; cursor:pointer; font-size:14px; color:#333; font-weight:normal;}
.Article.Type1 .ListSect .Title .Download img { margin-right:7px;}
.Article.Type1 .ListSect .Summary {
	height:45px;
	padding-bottom: 65px; border-bottom: 2px solid #ddd; margin-bottom: 20px;
	text-overflow:ellipsis;
	overflow:hidden;
}
.Article.Type1 .ListSect .Summary:hover { cursor:pointer; text-decoration:underline;}
.Article.Type1 .ListSect .Summary img { max-width:100%;}
.Article.Type1 .InnerCover.ListSect{padding: 20px;}
.Article.Type1 .InnerCover.ListSect .Download{
	justify-content: space-evenly;
	padding: 10px 15px 0 0; border-top: 1px solid #ddd;
}
.Article.Type1 .ListSect .Download a{
	display: flex; justify-content: center; align-items: center;
	width: 50%;
	margin: 5px 0;
	color: #777; font-weight: 500;
}
.Article.Type1 .ListSect .Download a:hover{color: #005AAA; font-weight: 600;}
.Article.Type1.NoFunc .ListSect .Summary:hover { cursor:default; text-decoration:none;}
.Article.Type1 .DescSect { display:none; position:relative; margin:0 auto;}
.Article.Type1 .DescSect .InnerWrap { padding-top:20px; }
.Article.Type1 .TriggerFold{ margin:20px 0 0; text-align:left;}
.Article.Type1 .TriggerFold01 { margin:20px 0 0; text-align:left; position:absolute; left:30px; bottom:20px; z-index:10; }
.Article.Type1 .TriggerFold button, .Article.Type1 .TriggerFold01 button { overflow:hidden; width:100px; height:21px; background-color: #fff;}
.Article.Type1 .TriggerFold button img, .Article.Type1 .TriggerFold01 button img { margin-top:-21px;}
.Article.Type1.recruitType .ListSect .MetaInfo .Category.Share { color: #333; }
.Article.Type1.recruitType .ListSect .RecruitApply { display:none; width: 77px;  height: 77px;  position: absolute; top: 30px;  right: 30px; }
.Article.Type1.recruitType .ListSect .RecruitApply a { display:block; width:71px; height:71px; line-height:71px; border:2px solid #666; color:#666; font-size:13px; border-radius:50%; text-align:center;}
.Article.Type1.recruitType .ListSect .RecruitApply a:hover { background-color:#b79c67; border-color:#b79c67; color:#fff;}
.Article.Type1.faqType { min-height: 130px; }
.Article.Type1.faqType .Title { padding-left: 50px; background: url(/asset/www/images/recruit/txt_q.gif) no-repeat 3px 0; }
.Article.Type1.faqType .DescSect { margin: 0; font-size: 13px; line-height: 1.8; color: #666; }
.Article.Type1.faqType .item { padding-left: 50px;  background: url(/asset/www/images/recruit/txt_a.gif) no-repeat 3px top; }
.Article.Type1.IndustryNews .ListSect .Summary { margin:10px 0 0; font-size:13px; line-height:1.8; height:auto; overflow:hidden; text-overflow:ellipsis; color:#666;}
.Article.Type1.IndustryNews .TriggerFold { display:none !important;}
.Article.Type1:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .25);}

.Article.NoDesc .Desc { height:0 !important; margin:0 !important; padding:0 !important;}

.Benefits .Article.Type1 .ListSect .Thumbnail { display:block;}
.Benefits .Article.Type1 .ListSect .Summary { height:auto;}

.Article.Type2 { background-color:#fff;}
.Article.Type2 .Thumbnail { margin:15px;}
.Article.Type2 .Thumbnail img { width:100%;}
.Article.Type2 .ArticleTit {margin:20px 15px 0; padding:0 0 20px; background:url("/asset/www/images/ico/ico_bar01.png") no-repeat left bottom; }
.Article.Type2 .ArticleTit > span { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#005696; color:#005696;}
.Article.Type2 .Desc { overflow:hidden; height:35px; margin:20px 15px 0; font-size:16px; line-height:1.2; color:#666;}
.Article.Type2 .Date { padding:20px 15px 15px; font-size:16px; color:#999;}

.Article.Type3 .ArticleTit {font-weight: 700;color: #333;}
.Article.Type3 .Desc {overflow:hidden;height:auto;line-height:1.5;color:#666; text-align: center; width: 100%;margin-top:10px}
.Article.Type3 .Date { margin:20px 15px 15px; font-size:11px; color:#999;}
.Article.Type3 .amore {
	display: flex; justify-content: center; align-items: center;
	width: 100%;
	padding: 15px 20px; border-radius: 10px;
	color:#fff;
	background:#000;
}
.Article.Type3 .amore:after{
	content:'';
	display: block;
	width:15px; height:12px;
	margin-left: 30px;
	background:url('/asset/www/images/content/m_more.png')no-repeat;
	transition: 1000ms all cubic-bezier(0.19, 1, 0.22, 1); transform: translateX(-70%);
}
.ArticleWrap.Divide3 .Article:hover .amore:before{ transition: 1000ms all cubic-bezier(0.19, 1, 0.22, 1);transform: translateX(-1%); right:50px; }
.ArticleWrap.Divide3 .Article:hover .amore {background:#1e2fac;}

.Article.Type3 .Image img {width:100%; height: auto; max-height: 240px; object-fit: contain;}
.Article.Type3 .Image2 { padding:15px 15px 0 15px; text-align:center;}
.Article.Type3 .Image2 img { width:100%;}
.Article.Type3 .SmallText { display:block; color:#999; padding:0 0 10px; font-size:12px;}
.Article.Type3 .Label { position:absolute; left:0; top:0; z-index:5;}
.Article.Type3 .InnerList01 { padding:0 0 15px;}
.Article.Type3 .InnerList01 li { padding:0 0 5px 8px; background:url("/asset/www/images/content/study/ico01.png") no-repeat left 7px;}

.InnoxLife .Article.Type3 .DescBottom { padding-bottom: 0;}
.InnoxLife .Article.Type3:after{content: "▼";
	display: none;
	color: #3150c5; font-size: 22px;
	position: absolute; left: 50%; bottom: -18px;
	transform: translate(-50%, 0);
}
.InnoxLife .Article.Type3.Hover:after{display: block;}
.InnoxLife .Article.Type3.Hover,
.InnoxLife .Article.Type3:hover { background-color: #3150c5; cursor:pointer; box-shadow: 0 0 10px rgba(0, 0, 0, .5);}
.InnoxLife .Article.Type3.Hover .ArticleTit,
.InnoxLife .Article.Type3.Hover .Desc,
.InnoxLife .Article.Type3:hover .ArticleTit,
.InnoxLife .Article.Type3:hover .Desc { color:#fff;}
.InnoxLife .Article.Type3 .Image2{overflow: hidden;}
.InnoxLife .Article.Type3:hover img{transform: scale(1.2); transition: all .5s;}
.InnoxLife .Article.Type1 { display:none; overflow:visible; margin-top:30px; min-height:0; padding:0;}
.InnoxLife .Article.Type1 > * { margin:0 15px;}
.InnoxLife .Article.Type1.NoFunc .DescSect { display:block; padding-top:20px;}
.InnoxLife .Article.Type1 .TriggerFold { padding-bottom:20px;}
.InnoxLife .Article.Type1 .TriggerFold img { margin-top:0 !important;}
.InnoxLife .Article.Type1 .MetaInfo { padding-top:15px; color:#005696;}
.InnoxLife .Article.Type1 .Title { font-size:24px;}
.InnoxLife .Article.Type1:hover{box-shadow: none !important;}

.InnoxLifeContent .InnerWrap01 { padding-bottom:50px;}
.InnoxLifeContent .InnerWrap01 > h1 { padding-top:30px; color:#005696; font-weight:bold; font-size:24px; line-height:1.2;}
.InnoxLifeContent .InnerWrap01 > h1:first-child { padding-top:10px;}
.InnoxLifeContent .InnerWrap01 > .Img { padding-top:20px;}
.InnoxLifeContent .InnerWrap01 > .Img img { width:100%;}
.InnoxLifeContent .InnerWrap01 > .Text01 { padding-top:20px; color:#666; line-height:1.4; font-size:17px;}
.InnoxLifeContent .InnerWrap01 > h2 { padding-top:60px; font-size:18px; color:#666;}

/* InnoxStory */
.InnoxStory li{width: calc(100% / 3 - 15px);padding: 30px;position: relative;transition: all .3s;position: relative; z-index: 0;}
.InnoxStory li:after{content: "";display: block;width: 100%; height: 100%;background-color: rgba(0, 0, 0, .5);	position: absolute; left: 0; top: 0; z-index: -1;}
.InnoxStory li h4 {letter-spacing:0;}
.InnoxStory li.COMPANY{background: url(/asset/www/images/content/story/story01.jpg) no-repeat center / cover;}
.InnoxStory li.HARMONY{background: url(/asset/www/images/content/story/story02.jpg) no-repeat center / cover;}
.InnoxStory li.SHARE{background: url(/asset/www/images/content/story/story03.jpg) no-repeat center / cover;}
.InnoxStory li h4{margin-bottom: 5px;font-weight: 600; color: #080dcb;}
.InnoxStory .HARMONY h4{color: #FFB800;}
.InnoxStory .SHARE h4{color: #ff3030;}
.InnoxStory li p:nth-child(2){margin-bottom: 50px;color: #fff;}
.InnoxStory li p:nth-child(3){opacity: 0;width: 50px; height: 50px;background-color: #080dcb;position: absolute; right: 0; bottom: 0;transition: all .5s;}
.InnoxStory .HARMONY p:nth-child(3){background-color: #FFB800;}
.InnoxStory .SHARE p:nth-child(3){background-color: #ff3030;}
.InnoxStory li p:nth-child(3) span{display: flex; justify-content: center; align-items: center;width: 100%; height: 100%;color: #fff; font-size: 35px;}
.InnoxStory li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .25)}
.InnoxStory li:hover:after{background-color: rgba(0, 0, 0, .1);}
.InnoxStory li:hover p:nth-child(3){opacity: 1;}

.Article.Type4 { overflow:hidden;}
.Article.Type4 .HeadSect { margin:15px 0 0; padding:15px 0; text-align:center; color:#fff;}
.Article.Type4 .HeadSect .Tit { font-size:24px; font-weight:bold;}
.Article.Type4 .HeadSect .Symbol { padding:25px 0 0;}
.Article.Type4 .HeadSect .Desc { padding:25px 0 0; font-size:12px; line-height:1.6;}
.Article.Type4 .HeadSect.Type1 { margin-top:0; background-color:#246da3;}
.Article.Type4 .HeadSect.Type2 { background-color:#edbd5e;}
.Article.Type4 .HeadSect.Type3 { background-color:#77abb2;}

.Article.Type5 { position:relative; height:380px; margin:30px 0 0; background-color:#fff;}
.Article.Type5 .Image { height:290px; padding:15px 15px 0 15px; text-align:center; line-height:250px;}
.Article.Type5 .Image img { max-width:100%; vertical-align:middle;}
.Article.Type5 .Title { position:absolute; left:15px; bottom:40px; font-family: 'Exo 2', 'sans-serif'; font-size:20px; font-weight:bold;}
.Article.Type5 .Desc { position:absolute; left:15px; bottom:15px; color:#666; font-size:12px;}

.Article.Type6 { margin:0; height:82px; line-height:82px; background-color:#fff;}
.Article.Type6 .Title { height:82px; line-height:82px; margin:0 15px; padding-left:38px; background:url("/asset/www/images/ico/ico_wheel01.png") no-repeat left center; font-size:22px; color:#333;}
.Article.Type6 .Title span { display:inline-block; line-height:1.2; vertical-align:middle;}

/* DescSlider */
.DescSlider { position:relative; height:0; padding:0 0 80% 0; z-index:1;}
.DescSlider .innerFrame { width:100%; height:2500px;}
.DescSlider .innerFrame .slider { width:100%; height:100%;}
.DescSlider .innerFrame .slider .item { float:left; width:100%;}
.DescSlider .innerFrame .slider .item img { width:100%; height:auto;}
.DescSliderIndicator { position:absolute; left:0; bottom:0; width:100%; height:15px; z-index:10; text-align:center;}
.DescSliderIndicator button { display:inline-block; width:15px; height:15px; margin:0 2px; background:url("/asset/www/images/ico/ico_slider_off.png") no-repeat left top; text-indent:-50px;}
.DescSliderIndicator button.active { background-image:url("/asset/www/images/ico/ico_slider_on.png");}

/* Paging */
.Paging.Type1 {width: 100%;}
.Paging.Type1 div span {
	display: block;
	width: 40px; height: 40px;
	font-size: 16px; font-weight: 500; text-align: center; line-height: 40px;
	border: 1px solid #ddd;
}
.Paging.Type1 div span:not(:last-child){margin-right: 5px;}
.Paging.Type1 div span.on{
	color: #fff;
	background-color: #005696;
}
.Paging.Type1 button {}
.Paging.Type1 .Divide {}
.Paging.Type1 .Total {}
.Paging.Type1 .Btn {
	align-items: center;
	border: 1px solid #ddd;
	background-color: #fff;
	cursor: pointer;
}
.Paging.Type1 .Btn:hover, .Paging .Current:hover{color: #fff; background-color: #1067c4;}
.Paging.Type1 .Btn:hover span{color: #fff;}
.Paging.Type1 .Btn.Prev{padding: 5px 20px 5px 10px;}
.Paging.Type1 .Btn.Next{padding: 5px 10px 5px 20px;}
.Paging.Type1 .Btn.Prev span{margin-right: 5px;}
.Paging.Type1 .Btn.Next span{margin-left: 5px; order: 1;}
.Paging.Type1 .Btn.Next.None { opacity:0.1; filter:alpha(opacity=10);}

/* PrettySelect */
.selectOrigin { display:none;}
.PrettySelect { position:relative !important; vertical-align:middle !important;}
html.lte7 .PrettySelect { display:inline;}
.PrettySelect p.selected { position:relative; z-index:12;}
.PrettySelect p.selected a { overflow:hidden; display:block !important; position:relative !important; height:40px !important; line-height:40px !important; color:#1e1e1e !important; font-size:11px !important; cursor:pointer !important; text-decoration:none !important; font-weight:bold;}
.PrettySelect p.selected a .text {
	display:block;
	float:left;
	height:40px;
	font-size:16px; line-height:40px; font-weight: 500;
}
.PrettySelect p.selected a .ico { display:block; float:right; width:18px; height:40px; background:url("/asset/www/images/ico/ico_select_closed.png") no-repeat left center;}
.PrettySelect p.selected a.open .ico { background:url("/asset/www/images/ico/ico_select_open.png") no-repeat left center;}
.PrettySelect .optionList {
	display:none;
	width: 150px;
	border: 1px solid #ddd;
	position:absolute; left: -11px; top: 38px; z-index:25 !important;
	background-color:#fff;
}
.PrettySelect .optionList li a {
	display:block;
	padding: 5px 10px; border-top:0 none; border-bottom:0 none;
	font-size: 16px;
}
.PrettySelect .optionList li a:hover,
.PrettySelect .optionList li a:focus,
.PrettySelect .optionList li.selected a { background-color:#005696; color:#fff;}
.PrettySelect.upSide .optionList { overflow:hidden; top:auto; bottom:26px;}
.PrettySelect.upSide p.selected { z-index:14;}

/* PRCenter */
.PRCenter .TitArea { padding:15px; text-align:center;}
.PRCenter .TitArea .Title { font-size:20px; color:#333; font-weight:bold;}
.PRCenter .TitArea .Desc { padding:10px 0 0; font-size:12px; color:#666; line-height:1.3;}
.PRCenter .ThumbnailList { overflow:hidden;}
.PRCenter .ThumbnailList > li { position:relative; width:100%; overflow:hidden;}
.PRCenter .ThumbnailList .Bg { position:relative; width:100%; height:80px; overflow:hidden; background:rgba(0,0,0,0.5);}
.PRCenter .ThumbnailList .Bg img { position:absolute; left:50%; top:50%; z-index:1; margin-left:-640px; margin-top:-360px;}
.PRCenter .ThumbnailList .Button { position:absolute; left:0; top:0; z-index:5; width:100%; height:80px; line-height:80px; text-align:center;}
.PRCenter .ThumbnailList .Button a { display:inline-block; color:#fff;}
.PRCenter .ThumbnailList .Button a img { width:30px; height:30px; margin-right:5px;}
.PRCenter .ThumbnailList .Button .Desc { display:none;}
.PRCenter .VideoContainer { display:none; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.PRCenter .VideoContainer iframe,
.PRCenter .VideoContainer object,
.PRCenter .VideoContainer embed { position:absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Brochure */
.Brochure {  margin:20px 0 0;}
.Brochure .InnerArea { background-color:#fff; padding:15px 0 0;}
.Brochure .Line { overflow:hidden;}
.Brochure .Line1 { padding-bottom:30px;}
.Brochure .Item { float:left; width:50%;}
.Brochure .Item .Title { min-height:37px; font-size:16px; color:#005696; font-weight:bold; margin:0 15px 15px; padding:0; background:url("/asset/www/images/ico/ico_bar01.png") no-repeat left bottom;}
.Brochure .Item .Image { margin:0 15px;}
.Brochure .Item .Image img { width:100%;}
.Brochure .Item .Download { margin:15px 15px 0; text-align:center;}

/* InnoxStory */
.InnoxStory li{
	width: calc(100% / 3 - 15px);
	padding: 30px;
	position: relative;
	transition: all .3s;
	position: relative; z-index: 0;
}
.InnoxStory li:after{content: "";
	display: block;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: absolute; left: 0; top: 0; z-index: -1;
}
.InnoxStory li h4 {letter-spacing:0;}
.InnoxStory li.COMPANY{background: url(/asset/www/images/content/story/story01.jpg) no-repeat center / cover;}
.InnoxStory li.HARMONY{background: url(/asset/www/images/content/story/story02.jpg) no-repeat center / cover;}
.InnoxStory li.SHARE{background: url(/asset/www/images/content/story/story03.jpg) no-repeat center / cover;}
.InnoxStory li h4{
	margin-bottom: 5px;
	font-weight: 600; color: #080dcb;
}
.InnoxStory .HARMONY h4{color: #FFB800;}
.InnoxStory .SHARE h4{color: #ff3030;}
.InnoxStory li p:nth-child(2){
	margin-bottom: 50px;
	color: #fff;
}
.InnoxStory li p:nth-child(3){
	opacity: 0;
	width: 50px; height: 50px;
	background-color: #080dcb;
	position: absolute; right: 0; bottom: 0;
	transition: all .5s;
}
.InnoxStory .HARMONY p:nth-child(3){background-color: #FFB800;}
.InnoxStory .SHARE p:nth-child(3){background-color: #ff3030;}
.InnoxStory li p:nth-child(3) span{
	display: flex; justify-content: center; align-items: center;
	width: 100%; height: 100%;
	color: #fff; font-size: 35px;
}
.InnoxStory li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .25)}
.InnoxStory li:hover:after{background-color: rgba(0, 0, 0, .1);}
.InnoxStory li:hover p:nth-child(3){opacity: 1;}
/* 게시판 상세보기 derail*/
.panel > p{text-align: center;}
.bbs_view{margin-bottom: 50px;}
.bbs_view > table.view_1 > thead > tr > th,
.bbs_view > table.view_1 > tbody > tr > th,
.bbs_view > table.view_1 > thead > tr > td,
.bbs_view > table.view_1 > tbody > tr > td {border-bottom:#ddd solid 1px; border-right: 1px solid #bac2ca;}
.bbs_view > table.view_1 > tbody > tr > td > p {white-space: pre;}
.bbs_view > table.view_1 > thead > tr > th:last-child,
.bbs_view > table.view_1 > tbody > tr > th:last-child,
.bbs_view > table.view_1 > thead > tr > td:last-child,
.bbs_view > table.view_1 > tbody > tr > td:last-child {border-right:0;}
.bbs_view > table.view_1 > tbody > tr > td.bbs_tit {font-weight: 700; text-align:Center;}
.bbs_view > table.view_1 .content-txt{border-bottom: 0; padding: 20px 20px 50px;}
.bbs_view > table.view_1 .Thumbnail img{
	display: block;
	width: 50%;
	margin: 0 auto 20px;
}
/* .bbs_view > table.view_1 > tbody > tr > td.bbs_tit > div {line-height:1.5em;margin:10px 0px}
.bbs_view > table.view_1 > tbody > tr > td.bbs_tit .date {display:block;}
.bbs_view > table.view_1 > tbody > tr > td.name, .bbs_view > table.view_1 > tbody > tr > td.name2, .bbs_view > table.view_1 > tbody > tr > td.file, .bbs_view > table.view_1 > tbody > tr > td.pw, .bbs_view > table.view_1 > tbody > tr > td.email, .bbs_view > table.view_1 > tbody > tr > td.open, .bbs_view > table.view_1 > tbody > tr > td.local, .bbs_view > table.view_1 > tbody > tr > td.phone {padding-left:10px}
.bbs_view > table.view_1 > tbody > tr > td.bbs_detail {position:relative; min-height:200px;line-height:1.5em;padding:20px 10px ; width: 100%; height: auto; }
.bbs_view > table.view_1 > tbody > tr > td.bbs_detail p{word-break:normal} */
/* IntroKeyVisual */
.IntroKeyVisual .careers.KeyText { position:absolute; right:-10px; top:15px; z-index:10; color:#111; font-size:20px; font-weight:bold; font-family: 'Exo 2', 'sans-serif'; text-align:left;}
.IntroKeyVisual .careers.KeyText.Type2 { color:#fff; z-index:8; margin-top:1px;}
.IntroKeyVisual .SliderWrap { position:relative; height:0; padding:0 0 39.2% 0; z-index:1;}
.IntroKeyVisual .SliderWrap .innerFrame { width:100%; height:2500px;}
.IntroKeyVisual .SliderWrap .innerFrame .slider { width:100%; height:100%;}
.IntroKeyVisual .SliderWrap .innerFrame .slider .item { float:left; width:100%; overflow:hidden;}
.IntroKeyVisual .SliderWrap .innerFrame .slider .item img { width:100%; height:auto;}
.IntroKeyVisual .SliderIndicator { position:relative; width:100%; height:15px; margin-top:-24px; padding:0 0 11px; z-index:10; text-align:center;}
.IntroKeyVisual .SliderIndicator button { display:inline-block; width:13px; height:13px; background:url("/asset/www/images/index/rollingbtn_off.png") no-repeat left top; text-indent:-50px;}
.IntroKeyVisual .SliderIndicator button.active { background-image:url("/asset/www/images/index/rollingbtn_on.png");}
/* .IntroKeyVisual .DescArea { margin:15px 15px 0 15px;} */
.IntroKeyVisual .DescArea.Top { padding-top:15px;}

.IntroKeyVisual .DefinitionList.Type1 { padding:0 10px 15px 5px;}
.IntroKeyVisual .DefinitionList.Type1 th { padding-left:0;}
.IntroKeyVisual .DescImage { margin:0 15px;}
.IntroKeyVisual .DescImage img { width:100%;}
.IntroKeyVisual .InnerTitle { margin:60px 15px 0; color:#000; font-size:16px; font-family:'Exo 2', 'sans-serif'; font-weight:bold;}
.IntroKeyVisual .InnerTitle.First { margin-top:20px;}
.IntroKeyVisual .InnerList { margin:10px 15px 0; border-top:2px solid #000; border-bottom:2px solid #000;}
.IntroKeyVisual .InnerList li a { display:block; padding:12px 20px; border-top:1px dotted #b2b2b2; font-family:'Exo 2', 'sans-serif'; color:#777; font-size:14px;}
.IntroKeyVisual .InnerList li:first-child a { border-top:0 none;}
.IntroKeyVisual .InnerList li a:hover,
.IntroKeyVisual .InnerList li a:active { color:#000; background-color:#f9f9f9; text-decoration:none; font-weight:600;}
.IntroKeyVisual .InnerList.Last { }
.IntroKeyVisual.Article { padding-bottom:15px;}

.IntroKeyVisual.Product .DescArea.FirstTop { padding-top:24px;}

.IntroKeyVisual {
	/* margin: 20px 0 0; */
    background-color: #fff;
    position: relative;
}
.IntroKeyVisual .KeyText{
	font-size: 74px;
	position: absolute; right: -95px; top: 20px;
	position: absolute;
	z-index: 10;
	color: #111; font-weight: bold; font-family: 'Exo 2', 'sans-serif'; text-align: left;
}
.IntroKeyVisual .KeyText .Block {
    display: inline-block;
    border-bottom: 3px solid #111; margin-top: -3px; margin-bottom: -3px; line-height: 80px;
}
.IntroKeyVisual .KeyText.Type2 {
    margin-top: 1px;
    font-family: 'Exo 2', 'sans-serif'; color: #fff; font-size: 74px; text-align: left; font-weight: bold;
    position: absolute; right: -95px; top: 20px; z-index: 8;
}

.IntroKeyVisual .DescArea .Tit > span{
	display: block;
	margin-bottom: 10px;
	font-size: 28px; color: #005696; font-weight: 700;
}


/* HiddenMobile */
/* .HiddenMobile > * { display:none;} */
.HiddenMobile > .Warning { display:block; margin:20px 0 0; padding:150px 50px; text-align:center; background-color:#fff; line-height:1.5;}

/* PublicAnnounce */
.PublicAnnounce { padding:30px; background-color:#fff;}

/* InnerRule */
.InnerRule { overflow:hidden;/*  margin:30px 0 200px;  */background-color:#fff;}
.InnerRule .LeftArea { display:none;}
.InnerRule .RightArea { padding:15px;}
.InnerRule .RightArea .Text {color:#666; line-height:1.5;}
.InnerRule .RightArea .Btn { padding-top:20px;}
.InnerRule.Type1 {}
.InnerRule.Type2 { margin-bottom:60px;}
.InnerRule.Type3 { margin-bottom:0px;}

/* MemberInfo */
.MemberInfo.Type1 { background-color:#005696; padding-bottom:15px;}
.MemberInfo.Type1 .Portrait { overflow:hidden;}
.MemberInfo.Type1 .Portrait .Img { display:none; position:relative; width:150%; margin-left:-50%;}
.MemberInfo.Type1 .Portrait .Img:first-child { display:block;}
.MemberInfo.Type1 .InfoSec { position:relative; margin:15px;}
.MemberInfo.Type1 .InfoSec .Thumbnail { overflow:hidden;}
.MemberInfo.Type1 .InfoSec .Thumbnail li { float:left; margin-left:10px; padding-top:15px;}
.MemberInfo.Type1 .InfoSec .Thumbnail li:first-child { margin-left:0;}
.MemberInfo.Type1 .InfoSec .Thumbnail li.Current { background:url("/asset/www/images/ico/ico_arrow02.png") no-repeat center top;}
.MemberInfo.Type1 .InfoSec .Info { display:none; margin:20px 0 0; color:#fff; font-size:12px;}
.MemberInfo.Type1 .InfoSec .Info .Title { overflow:hidden; padding:0 0 10px; margin:0 0 10px; background:url("/asset/www/images/ico/ico_bar02.png") no-repeat left bottom;}
.MemberInfo.Type1 .InfoSec .Info .Title > span { display:inline-block;}
.MemberInfo.Type1 .InfoSec .Info .Title .Name { padding-right:5px; font-size:16px; font-weight:bold;}
.MemberInfo.Type1 .InfoSec .Info .Title .Grade { font-size:12px;}
.MemberInfo.Type1 .InfoSec .Info .History > li { overflow:hidden; padding:10px 0 0;}
.MemberInfo.Type1 .InfoSec .Info .History > li:first-child { padding-top:0;}
.MemberInfo.Type1 .InfoSec .Info .History > li .Dt { float:left; width:65px; text-align:justify; line-height:1.5;}
.MemberInfo.Type1 .InfoSec .Info .History > li .Dd { margin-left:65px; line-height:1.5;}
.MemberInfo.Type1 .InfoSec .Info .History > li .Dd .Line { display:block;}
.MemberInfo.Type1 .InfoSec .Info.First { display:block;}

.MemberInfo.Type2 { }
.MemberInfo.Type2 .Card { margin:15px 0 0; background-color:#fff;}
.MemberInfo.Type2 .Card.First { margin-top:0;}
.MemberInfo.Type2 .Card .Title { overflow:hidden; padding:15px;}
.MemberInfo.Type2 .Card .Title > span { display:inline-block;}
.MemberInfo.Type2 .Card .Title .Name { padding-right:5px; font-size:20px; color:#005696; font-weight:bold;}
.MemberInfo.Type2 .Card .Title .Grade { vertical-align:top; padding-top:4px; font-size:12px; color:#000;}
.MemberInfo.Type2 .Card .History { padding:0 15px 15px 15px; font-size:12px;}
.MemberInfo.Type2 .Card .History > li { overflow:hidden; padding:10px 0 0;}
.MemberInfo.Type2 .Card .History > li:first-child { padding-top:0;}
.MemberInfo.Type2 .Card .History > li .Dt { float:left; width:65px; text-align:justify; line-height:1.5; color:#999;}
.MemberInfo.Type2 .Card .History > li .Dd { margin-left:65px; line-height:1.5; color:#666;}
.MemberInfo.Type2 .Card .History > li .Dd .Line { display:block;}

/* DefinitionList */
.DefinitionList.Type1 { padding:15px 10px 15px 5px; background-color:#fff;}
.DefinitionList.Type1 .InnerTitle { margin:40px 10px 10px; color:#005696; font-size:14px; padding:0 0 20px; background:url("/asset/www/images/ico/ico_bar01.png") no-repeat left bottom; line-height:1.4; }
.DefinitionList.Type1 .InnerTitle.First { margin-top:0;}
.DefinitionList.Type1 table {width: calc(100% / 2 - 20px);}
.DefinitionList.Type1 table th,
/* .DefinitionList.Type1 table td { padding:0 5px 10px 5px; border-bottom:2px dotted #b2b2b2; line-height:1.5; text-align:left; color:#333;} */
/* .DefinitionList.Type1 table th { padding-left:0; font-weight:bold;} */
/* .DefinitionList.Type1 table td { color:#666; padding-left:10px;} */
/* .DefinitionList.Type1 table .Last th,
.DefinitionList.Type1 table .Last td { border-bottom:0 none;} */
.DefinitionList.Type1 table .NumList { margin-left:25px;}
.DefinitionList.Type1 .Text { color:#999;}

/* DefinitionList */
.DefinitionList.Type2 { padding:15px 0 15px 0; background-color:#fff;}
.DefinitionList.Type2 .InnerTitle { margin:40px 10px 10px; color:#005696; font-size:14px; padding:0 0 20px; background:url("/asset/www/images/ico/ico_bar01.png") no-repeat left bottom; line-height:1.4; }
.DefinitionList.Type2 .InnerTitle.First { margin-top:0;}
.DefinitionList.Type2 table { width:101%; border-collapse:separate; border-spacing:10px; font-size:12px; margin-right:0;}
.DefinitionList.Type2 table th,
.DefinitionList.Type2 table td { padding:0 5px 10px 5px; border-bottom:2px dotted #b2b2b2; line-height:1.5; text-align:left; color:#333;}
.DefinitionList.Type2 table th { padding-left:0; font-weight:bold;}
.DefinitionList.Type2 table td { color:#666; padding-left:10px;}
.DefinitionList.Type2 table .Last th,
.DefinitionList.Type2 table .Last td { border-bottom:0 none;}
.DefinitionList.Type2 table .NumList { margin-left:25px;}
.DefinitionList.Type2 .Text { color:#999;}

/* NumList */
.NumList,
.NumList li { list-style:decimal;}
.NumList { position:relative;}

/* Tab */
.Tab.Type1 { margin:30px 0 0;}
.Tab.Type1 a { display:inline-block; padding:6px 5px; border:2px solid #aaaaaa; background-color:#fff; color:#999; font-size:12px;}
.Tab.Type1 a.Current { border-color:#c0a674; background-color:#c0a674; color:#fff;}

.Tab.Type2 {
	width: 325px; height: 100%;
    position: sticky; top: 170px;
}
.Tab.Type2 > a { display:none;}
.Tab.Type2 > .Mobile { display:inline-block;}
.Tab.Type2 > .Mobile select{padding: 10px; margin-bottom: 10px; color: #fff; font-weight: 600; background-color: #1067c4;}
.Tab.Type2 > .Mobile select option{background-color: #fff; color: #333;}

/* GraphType */
.GraphType.Type1 { }
.GraphType.Type1 .Item { margin-top:30px;}
.GraphType.Type1 .Item.First { margin-top:0;}
.GraphType.Type1 .Item .Outer { overflow:hidden; position:relative; margin:15px 0 0; background-color:#fff;}
.GraphType.First .Item .Outer { margin-top:0 !important;}
.GraphType.Type1 .Item .Inner { padding:15px;}
.GraphType.Type1 .Item .Head { overflow:hidden;}
.GraphType.Type1 .Item .Head .Left { float:left; width:50%;}
.GraphType.Type1 .Item .Head .Title { color:#000; font-size:16px; font-weight:bold;}
.GraphType.Type1 .Item .Head .Left .Unit { padding:5px 0 0; color:#666;}
.GraphType.Type1 .Item .Head .Right { float:right; width:50%; text-align:right;}
.GraphType.Type1 .Item .Head .Right.FixWidth { width:120px;}
.GraphType.Type1 .Item .Head .Right > span { display:inline-block; vertical-align:top;}
.GraphType.Type1 .Item .Head .Right .Value { font-size:22px; color:#666; font-family:'Exo 2', 'sans-serif'; font-weight:bold;}
.GraphType.Type1 .Item .Head .Right .Unit { padding-top:4px; color:#666;}
.GraphType.Type1 .Item .Head .Right .Text { color:#666; font-size:12px;}
.GraphType.Type1 .Item .Head .Right .Up,
.GraphType.Type1 .Item .Head .Right .Down { display:block; padding-bottom:5px;}
.GraphType.Type1 .Item .Head .Right .Up { color:#005696;}
.GraphType.Type1 .Item .Head .Right .Down { color:#a58c5b;}
.GraphType.Type1 .Item .Head .Right .Ico { display:block; text-align:left; padding-left:23px;}
.GraphType.Type1 .Item .Head .Right .Ico1 { padding-bottom:5px; background:url("/asset/www/images/content/study/ico02.png") no-repeat left 2px;}
.GraphType.Type1 .Item .Head .Right .Ico2 { background:url("/asset/www/images/content/study/ico03.png") no-repeat 5px 2px;}
.GraphType.Type1 .Item .GraphBody { position:relative; margin:20px 0 0;}
.GraphType.Type1 .Item .GraphBody .Bg img { width:100%;}
.GraphType.Type1 .Item .GraphBody .Graph { position:absolute; bottom:8.5%; width:14.3%; height:0; background-color:#005b9f; color:#fff; font-size:6px;}
.GraphType.Type1 .Item .GraphBody .Graph1 { left:19%;}
.GraphType.Type1 .Item .GraphBody .Graph2 { left:38.5%;}
.GraphType.Type1 .Item .GraphBody .Graph3 { left:58%;}
.GraphType.Type1 .Item .GraphBody .Graph4 { left:78%; background-color:#c5ac7a;}
.GraphType.Type1 .Item .GraphBody .Graph p { margin:10px 0 0; text-align:center; font-family:'Exo 2', 'sans-serif';}
.GraphType.Type1 .Item .GraphBody.Divide7 .Graph { width:7%;}
.GraphType.Type1 .Item .GraphBody.Divide7 .Graph1 { left:19%; }
.GraphType.Type1 .Item .GraphBody.Divide7 .Graph2 { left:29.5%; }
.GraphType.Type1 .Item .GraphBody.Divide7 .Graph3 { left:40.5%; }
.GraphType.Type1 .Item .GraphBody.Divide7 .Graph4 { left:52%; }
.GraphType.Type1 .Item .GraphBody.Divide7 .Graph5 { left:63%; }
.GraphType.Type1 .Item .GraphBody.Divide7 .Graph6 { left:74.5%; }
.GraphType.Type1 .Item .GraphBody.Divide7 .Graph7 { left:85.5%; }
.GraphType.Type1 .Item .GraphBody.Divide71 .Graph { width:7%;}
.GraphType.Type1 .Item .GraphBody.Divide71 .Graph1 { left:19.5%; }
.GraphType.Type1 .Item .GraphBody.Divide71 .Graph2 { left:30.5%; }
.GraphType.Type1 .Item .GraphBody.Divide71 .Graph3 { left:41.3%; }
.GraphType.Type1 .Item .GraphBody.Divide71 .Graph4 { left:52%; }
.GraphType.Type1 .Item .GraphBody.Divide71 .Graph5 { left:63%; }
.GraphType.Type1 .Item .GraphBody.Divide71 .Graph6 { left:74%; }
.GraphType.Type1 .Item .GraphBody.Divide71 .Graph7 { left:85%; }
.GraphType.Type1 .Item .GraphBody .OneImage { text-align:center;}
.GraphType.Type1 .Item .GraphBody .OneImage img { max-width:100%;}
.GraphType.Type1 .Item .Desc { margin:20px 0 0; padding:20px 0 0; background:url("/asset/www/images/ico/ico_bar01.png") no-repeat left top; color:#666; font-size:13px; line-height:1.4;}
.GraphType.Type1 .Item .SourceText { padding:30px 0 0; color:#999; font-size:12px;}

.GraphType.Type2 .Item { position:relative; width:100%; height:auto; overflow:hidden; background:#fff; margin:20px auto; }
.GraphType.Type2 .Item .txtbox{ float:left; width:50%; height:auto; overflow:hidden; }
.GraphType.Type2 .Item .txtbox .etc{ width:70%; height:auto; overflow:hidden; margin:10% auto 0 auto; }
.GraphType.Type2 .Item .txtbox .etc .SubTitle{ background:url("/asset/www/images/ico/ico_bar01.png") no-repeat left 15px; margin:0; padding:30px 0 5px 0; }
.GraphType.Type2 .Item .txtbox .etc .SubTitle.Type1 { height:0; min-height:0;}
.GraphType.Type2 .Item .txtbox .etc .Desc{ line-height:1.5em; color:#666; }
.GraphType.Type2 .Item .Thumbnail{ float:left; width:50%; height:auto; overflow:hidden; }
.GraphType.Type2 .Item .Thumbnail img{ width:100%; }
.GraphType.Type2 .Item:first-child .txtbox{ float:left; }
.GraphType.Type2 .Item:first-child .Thumbnail{ float:right; }



/* AnalysisReport */
.AnalysisReport { padding:15px; background-color:#fff;}

/* StockInfo */
.StockInfo { background-color:#fff; padding:30px;}
.StockInfo .Inner { position:relative;}
.StockInfo .StockGraph { overflow:hidden; margin-right:512px; height:437px; border:1px solid #d2d2d2;}
.StockInfo .StockData { position:absolute; right:0; top:0; width:482px; height:439px;}
.StockInfo .StockData .DataTop { height:77px;}
.StockInfo .StockData .DataTop .DataNumber { display:inline-block; height:77px; padding:0 20px 0 10px; line-height:77px; font-size:60px; color:#000; font-family:'Exo 2', 'sans-serif';}
.StockInfo .StockData .DataTop .Meta { display:inline-block; height:77px; vertical-align:top;}
.StockInfo .StockData .DataTop .Meta > p { font-size:13px;}
.StockInfo .StockData .DataTop .Meta .Line { padding:22px 0 12px;}
.StockInfo .StockData .DataTop .Meta .Tit { display:inline-block; width:55px; color:#666;}
.StockInfo .StockData .DataTop .Meta .Desc { color:#ff6e14; font-family:'Exo 2', 'sans-serif';}
.StockInfo .StockData .DataTop .Meta .Desc .Ico { display:inline-block; width:12px; font-weight:bold; text-align:center;}
.StockInfo .StockData .DataTitle { display:block; width:100%; height:38px; margin-top:51px; font-size:20px; color:#005696; font-weight:bold; text-align:left;}

/* DataTable */
.DataTable { width:100%; font-size:13px;}
.DataTable th,
.DataTable td { padding:12px 0;}
.DataTable.Type1 th,
.DataTable.Type1 td { text-align:right; padding-right:10px;}
.DataTable.Type1 thead th { border-top:2px solid #005696; border-bottom:2px solid #005696; font-weight:bold; color:#333;}
.DataTable.Type1 td { color:#666; border-bottom:1px dashed #b2b2b2;}
.DataTable.Type2 { border-top:2px solid #005696; border-bottom:2px solid #005696;}
.DataTable.Type2 th,
.DataTable.Type2 td { border-bottom:1px dashed #b2b2b2;}
.DataTable.Type2 th { text-align:left; color:#333; text-indent:10px; font-weight:bold;}
.DataTable.Type2 td { text-align:right; padding-right:10px; color:#666;}
.DataTable.Type2 .Color { color:#666; font-weight:normal;}
.DataTable.Type2 .Border { border-right:1px solid #d8d8d8;}

/* PrivacyBox */
.PrivacyBox { padding:30px; background-color:#fff;}
.PrivacyBox .TextForm { height:370px; padding:30px; border:1px solid #f0f0f0; overflow-x:hidden; overflow-y:scroll;}
.PrivacyBox .TextForm .Title { padding:0 0 60px; font-size:60px; color:#333; font-family:'Exo 2', 'sans-serif';}
.PrivacyBox .TextForm .InnerForm { color:#666; font-size:13px; line-height:1.6;}
.PrivacyBox .TextForm .InnerForm strong { color:#333; font-weight:bold;}
.PrivacyBox .Agree { margin:30px 0 0; font-size:13px; color:#333;}
.PrivacyBox .Btn { text-align:right; margin-top:-30px;}

/* ApplyStep */
.ApplyStep { margin:60px 0 0; padding:30px; background-color:#fff;}
.ApplyStep > .InnerWrap { }
.ApplyStep > .InnerWrap .Step { display:table; overflow:hidden; width:100%;}
.ApplyStep > .InnerWrap .Step li { display:table-cell; width:17.25%; height:80px; padding-left:30px; background:url("/asset/www/images/ico/ico_arrow03.png") no-repeat left center;}
.ApplyStep > .InnerWrap .Step li:first-child { width:14%; padding-left:0; background:none;}
.ApplyStep > .InnerWrap .Step li.Last { width:15.5%;}
.ApplyStep > .InnerWrap .Step li > .InnerBox { margin-right:20px; height:76px; border:2px solid #f7f7f7; background-color:#f7f7f7;}
.ApplyStep > .InnerWrap .Step li.Current > .InnerBox { border:2px solid #333; background-color:#fff;}
.ApplyStep > .InnerWrap .Step li.Last > .InnerBox { margin-right:0;}
.ApplyStep > .InnerWrap .Step li > .InnerBox span { display:block; text-align:center;}
.ApplyStep > .InnerWrap .Step li > .InnerBox .SubText { padding:15px 0 0; color:#666; font-size:9px; font-family:'Exo 2', 'sans-serif'; font-weight:bold;}
.ApplyStep > .InnerWrap .Step li > .InnerBox .Num { color:#666; font-size:18px; font-weight:bold; font-family:'Exo 2', 'sans-serif';}
.ApplyStep > .InnerWrap .Step li > .InnerBox .Tit { padding:9px 0 0; color:#666; font-size:14px; font-weight:bold;}

/* ApplyForm */
.ApplyForm { margin:20px 0 0; padding:30px; background-color:#fff;}
.ApplyForm.Type1 { margin-top:0;}
.ApplyForm .FormTitle { margin:50px 0 0; padding:0 0 20px; color:#333; font-size:22px;}
.ApplyForm .FormTitle.First { margin-top:0;}
.ApplyForm .FormTitle .Required { display:inline-block; padding-top:5px; font-size:14px; vertical-align:top;}
.ApplyForm .FormTitle.Type1 { padding:0 0 10px; text-align:right;}
.ApplyForm .FormTitle.Type1 .Required { font-weight:bold;}
.ApplyForm .FormTable td { line-height:1.5;}

/* TextBox */
.TextBox { border:1px solid #f0f0f0; padding:30px 30px 20px;/*  font-size:13px;  */color:#666;}
.TextBox .Line { margin:0 0 10px; padding:0;}
.TextBox .ListType.Type2 { margin:15px;}

.TextBox.Type1 { /* margin:30px 0 0;  */padding:30px; background-color:#fff;}
.TextBox.Type1 .BoxTitle { padding:0 0 40px; font-size:30px; font-weight:bold; text-align:center; color:#000;}
.TextBox.Type1 .TextLine { line-height:1.6;}
.TextBox.Type1 .TextLine strong { display:block; padding:10px 0 0; color:#000; font-weight:bold;}
/* .TextBox.Type1 .TextLine strong.Type1 { font-size:16px;} */
.TextBox.Type1 .TextLine .InnerLinkWrap { margin-bottom:20px; border:1px solid #efefef;}
.TextBox.Type1 .TextLine .InnerLinkWrap nav { border:1px solid #fdfdfd; background-color:#f7f7f7;padding:10px; overflow:hidden;}
.TextBox.Type1 .TextLine .InnerLinkWrap nav li { padding:2px;}
.TextBox.Type1 .TextLine .InnerLinkWrap nav li a { color:#333;}

/* DimmLayer */
.DimmLayer { display:none; position:fixed; left:0; top:0; z-index:998; width:100%; height:100%; background-color:#000; opacity:0.7; filter:alpha(opacity=70);}

/* LayerModule */
.LayerModule { display:none; overflow:hidden; position:fixed; left:50%; z-index:999; background-color:#fff;}
.LayerModule .LayerHead { height:80px; background:#005696 url("/asset/www/images/layer/bg_header.jpg") no-repeat right 46px;}
.LayerModule .LayerHead .LayerTitle { padding:37px 0 0 29px; font-size:26px; color:#fff;}
.LayerModule .LayerBody > .Inner { margin:30px;}
.LayerModule .BottomBtn { padding:30px 0 0; text-align:center;}

/* LayerModule : Zipcode */
.LayerModule.ZipCode { top:150px; width:500px; margin-left:-250px;}
.LayerModule.ZipCode .SelectType { font-size:12px;}
.LayerModule.ZipCode .SelectType .Line { padding:0 0 10px;}
.LayerModule.ZipCode .SelectType .RightMargin { margin-right:20px;}
.LayerModule.ZipCode .ZipcodeList { padding:30px 0 0;}
.LayerModule.ZipCode .ZipcodeList .InnerScroll { height:200px; padding:10px 0; overflow-x:hidden; overflow-y:auto; border-bottom:1px solid #c6c6c6;}
.LayerModule.ZipCode .ZipcodeList table { width:100%;}
.LayerModule.ZipCode .ZipcodeList table caption { display:none;}
.LayerModule.ZipCode .ZipcodeList table thead th { padding:10px; border-top:2px solid #444547; border-bottom:1px solid #919191; text-align:left; font-weight:bold;}
.LayerModule.ZipCode .ZipcodeList table tbody td { padding:10px;}
.LayerModule.ZipCode .ZipcodeList table tbody tr { cursor:pointer;}
.LayerModule.ZipCode .ZipcodeList table tbody tr:hover td,
.LayerModule.ZipCode .ZipcodeList table tbody tr.Selected td { background-color:#f4f4f4;}
.LayerModule.ZipCode .ZipcodeList .Nodata { padding:30px 0; font-size:13px; color:#666; text-align:center;}

/* LayerModule : Message */
.LayerModule.Message { top:150px; width:450px; margin-left:-200px;}
.LayerModule.Message .Line { margin:0 0 30px;}
.LayerModule.Message .Text { line-height:1.7; font-size:15px; color:#666; text-align:center;}
.LayerModule.Message .Text strong { color:#333; font-weight:bold;}
/* .LayerModule.Message .Text1 { padding-left:10px; font-size:13px; color:#666; text-align:left; line-height:1.7;} */ 
.LayerModule.Message .Text1 { font-size:13px; color:#666; text-align:left; line-height:1.7;}
.LayerModule.Message .Form1 { text-align:center;}
.LayerModule.Message .Form1 label { display:inline-block; width:50px; text-align:left;}
.LayerModule.Message .Form1 .Line { margin-bottom:10px;}

/* ProductView */
.ProductView {align-items: flex-start;}
.ProductView .ProductImage { position:relative; z-index: 1;}
.ProductView .SliderWrap { position:relative; height:0; padding:0 0 30% 0; z-index:1; overflow:hidden;}
.ProductView .SliderWrap .innerFrame { width:100%; height:2500px;}
.ProductView .SliderWrap .innerFrame .slider { width:100%; height:100%;}
.ProductView .SliderWrap .innerFrame .slider .item img {
	width:100%; height: 360px;
	border-radius: 20px;
	object-fit: cover;
}
.ProductView .ProductTitle {margin: -50px 0 50px;}
.ProductView .ProductDesc {
	margin-bottom: 10px;
}

.ProductView .ProductTable td img { max-width:100%;}
.ProductTable .spec-table table {width: 100%;border-collapse: collapse;font-size: 14px;table-layout: auto;}
.ProductTable .spec-table table > th{padding:0 !important}
.ProductTable .spec-table th,
.ProductTable .spec-table td {border: 1px solid #ccc;padding: 6px 8px;text-align: center;word-break: keep-all;}
.ProductTable .spec-table thead th {background: #eee;font-weight: 600;}


/* HistoryDiv */
.HistoryDiv .desc{
	margin-bottom: 30px;
	text-align: center;
}
.HistoryDiv .desc-tit{font-size: 40px;}
.HistoryDiv .Tab.Type1 a { font-size:18px;}
.HistoryDiv .Tab.Type1 a span.year { font-size:12px;}
.HistoryDiv .SliderIndicator { margin:30px 0 -58px -30px; text-align:right;}
html.lte8 .HistoryDiv .SliderIndicator { position:relative; margin:30px 0 0 0; left:-30px;}
.HistoryDiv .SliderIndicator button { position:relative; width:58px; height:58px; margin-left:10px; border:1px solid #cfcfcf; text-indent:0;}
.HistoryDiv .SliderIndicator button.active { border-color:#333;}
.HistoryDiv .SliderIndicator button img { width:100%; height:100%;}
.HistoryDiv .DescArea h2.Tit{font-size:30px; color: #333;}
.HistoryDiv .DescArea h2.Tit span {color: #1067c4;}
.HistoryDiv .DescArea .HistoryDesc { overflow:hidden;width:100%;}
.HistoryDiv .DescArea .Desc { margin-top:30px; padding-bottom:30px;}
.HistoryDiv .DescArea ul.List { margin-top:30px;padding-bottom:30px;}
.HistoryDiv .DescArea ul.List li { position:relative;}
.HistoryDiv .DescArea ul.List p.Year {margin-right: 50px;}
.HistoryDiv .DescArea ul.List li {
	display: flex;
	margin-bottom:30px;
}
.HistoryDiv .DescArea ul.List ul li { margin-bottom:10px;}

.HistoryDiv .Tab.Type1 a {}
	.HistoryDiv .DescArea h1.Tit {}
.HistoryDiv .DescArea .Desc, .HistoryDiv .DescArea ul.List {width: calc(50% - 100px);}







.history .swiper {width: 100%; height: 500px;}
.history .swiper-slide {
    display: flex; justify-content: center; align-items: center;
    width: 1440px !important;
    border-radius: 20px;
    text-align: center; font-size: 18px;
    background: #fff;
    overflow: hidden;
}
.history .swiper-slide img {
    display: block;
    width: 100%; height: 100%;
    object-fit: cover;
}

/* LifeCont */
.LifeCont { width:77%; margin:60px auto;}
.LifeCont img { width:100%; margin-bottom:30px;}
.LifeCont p { margin-bottom:30px;}
.TextClose{ color:#999; font-size:22px; font-weight:bold; text-transform:uppercase; font-family: 'Exo 2', 'sans-serif'; padding-left:5px;}

/* Carreers */
.Careers { margin-top:-20px; }
.Careers.Second { margin-top:0; }
.Careers .Title { color:#005696; font-size:35px; }
.Careers .SubTitle { min-height:37px; font-size:26px; color:#0e0e0e; font-weight:bold; text-transform:uppercase; font-family: 'Exo 2', 'sans-serif'; margin:30px 0 15px 0; word-break:break-all;}
.Careers .SubTitle .block{ display:block;}
.Careers .Body { position:relative;}
.Careers .Body .Left { overflow:hidden; position:absolute; left:0; top:0; width:48%; margin:0;}
.Careers .Body .Left .Desc .block{ display:block;}
.Careers .Body .Thumbnail { overflow:hidden; position:relative; margin-left:50%; padding:0;}
.Careers .Body .Thumbnail img { position:relative; left:50%; margin-left:-186px;}

/* recruit */
.ArticleWrap.Divide4.halfBox .Article { overflow: hidden; width: 49%; height: 474px; margin: 0 0 30px 0; }
.ArticleWrap.Divide4.halfBox2 .Article { height: 510px; }
.ArticleWrap.Divide4.halfBox .Article.odd { margin-right: 2%;}
.ArticleWrap.Divide4.halfBox .Article.shortBox { height: 444px;}
.ArticleWrap.Divide4.halfBox .Desc { height: auto;}
.ArticleWrap .subDesc { margin: 25px 30px; font-weight: bold; color: #333;}
.ArticleWrap .subDesc strong { border: 1px solid #666; display: inline-block; padding: 5px 10px; }
.ArticleWrap .subDesc span { display: block; margin-top: 15px; }

.ArticleWrap3 { overflow:hidden; padding:30px 0 0;}
.ArticleWrap3.First { padding:30px 0 0;}
.ArticleWrap3.Divide3 .Article { float:left; position:relative; width:32.6%; margin-left:1%;}
.ArticleWrap3.Divide3 .Article.First { margin-left:0;}
.ArticleWrap.Life3cell .Article { height:auto;}

/* tabNavigation */
.tabNavigation {margin-bottom: 30px;}
.tabNavigation ul { overflow: hidden; }
.tabNavigation li{
	float: left;
	margin: 0 10px 10px 0;
	text-align: center; color: #333; font-weight: 500;
	background-color: #f1f1f5;
}
.tabNavigation a {
	display: block;
	padding: 15px 20px; 
}
.tabNavigation li:first-child a {}
.tabNavigation li.on {
	color: #fff;
	background-color: #005696;
}
.tabNavigation li.on a {background-color: #005696;}
.tabNavigation.tabs5 li { width: 20%; }
.tabNavigation.tabs3 li { width:33.33%;}
.tabNavigation.tabs3 li:first-child { width:33.34%;}
.tabNavigation.tabs2 li { width: 50%; }
.tabNavigation.tabs1 li { width:100%; }

/* ImageWrapper */
.ImageWrapper { margin:12px 0 0; display: table; background: #fff; width: 100%; padding:5% 0; }
.ImageWrapper > div { display:none; text-align: center; vertical-align: middle; padding:0 15px;}
.ImageWrapper > div img { max-width:100%;}

.ArticleWrap.Life3cell { }
.LifeCont { width:77%; margin:60px auto;}
.LifeCont img { width:100%; margin-bottom:30px;}
.LifeCont p { margin-bottom:30px;}
.TextClose{ color:#999; font-size:22px; font-weight:bold; text-transform:uppercase; font-family: 'Exo 2', 'sans-serif'; padding-left:5px;}

/* Gallery */
.nicescroll-rails { background-color:#c3c3c3; height:10px !important;}
.nicescroll-rails > div { margin-top:-2px; background:#3e4146 url("/asset/www/images/ico/ico_bg_scroll.png") no-repeat center center !important; cursor:pointer;}

.OverLayer { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;}
.OverLayer .Dimm { position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#000; opacity:0.8; filter:alpha(opacity=80);}
.OverLayer .Photo { position:absolute; left:15px; right:15px; top:50%; margin-top:-32.5%; height:100%; z-index:15; text-align:center;}
.OverLayer .Photo img { vertical-align:middle; width:100%; max-width:1280px;}
.OverLayer .Btn { position:absolute; top:50%; margin-top:-30px; z-index:20;}
.OverLayer .Btn.Left { left:15px;}
.OverLayer .Btn.Right { right:15px;}
.OverLayer .Closer { position:absolute; right:15px; z-index:20; top:50%; margin-top:-50%;}
.OverLayer .SliderWrap { position:relative; height:0; margin:0 auto; padding:0 0 70% 0; vertical-align:middle;}
.OverLayer .SliderWrap .innerFrame { width:100%; height:2500px;}
.OverLayer .SliderWrap .innerFrame .slider { width:100%; height:100%;}
.OverLayer .SliderWrap .innerFrame .slider .item { float:left; width:100%;}
.OverLayer .SliderWrap .innerFrame .slider .item img { width:100%; height:auto;}


/* AllInfo */
.AllInfo { position:relative; padding:30px 0 0;}
.AllInfo .KeyText { position:relative; font-family: 'Exo 2', 'sans-serif'; color:#333; font-weight:bold;}
.AllInfo .KeyText > .Bg { width:100%;}
.AllInfo .KeyText .Brand { position:absolute; top:17%; left:50%; z-index:5; width:124px; margin-left:-58px; text-align:center;}
.AllInfo .KeyText .Brand img { width:50%;}
.AllInfo .KeyText .Slogan { position:absolute; top:32%; left:0; z-index:5; width:100%; text-align:center; font-size:24px; line-height:1.1;}
.AllInfo .KeyText .Since { position:absolute; top:69%; left:0; z-index:5; width:100%; text-align:center; font-size:14px;}
.AllInfo .InnerSubTitle { padding:30px 0 0; font-size:24px; color:#333; font-weight:bold; text-align:center;}
.AllInfo .InnerSubTitle.Top { padding-top:5px;}
.AllInfo .InnerSubTitle.Line { padding-top:0; margin-top:30px; line-height:1.6; background:url("/asset/www/images/ico/ico_innox_line.png") no-repeat center center;}
.AllInfo .InnerSubTitle.Line span { display:inline-block; background-color:#efefef;}
.AllInfo .KeyText2 { padding:15px 0 0; color:#333; text-align:center;}
.AllInfo .KeyText2 .Text01 { padding:0 0 8px; font-size:22px; font-weight:bold;}
.AllInfo .KeyText2 .Text02 { font-size:14px; line-height:1.2;}
.AllInfo .Speciality { margin:30px 0 0; overflow:hidden;}
.AllInfo .Speciality .Item { position:relative; margin:15px 0 0;}
.AllInfo .Speciality .Item .Bg { position:relative;}
.AllInfo .Speciality .Item .Bg img { position:relative; width:200%; margin-left:-80%; text-align:right;}
.AllInfo .Speciality .Item .InnerBox { position:absolute; left:0; top:5%; width:100%; color:#fff;}
.AllInfo .Speciality .Item2 .InnerBox,
.AllInfo .Speciality .Item4 .InnerBox { left:auto; right:0; }
.AllInfo .Speciality .Item2 .Bg img { margin-left:-55%;}
.AllInfo .Speciality .Item3 .Bg img { margin-left:-100%;}
.AllInfo .Speciality .Item .InnerBox .InnerDimm { position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:#fff; opacity:0.8; filter: alpha(opacity = 80);}
.AllInfo .Speciality .Item .InnerBox .Title,
.AllInfo .Speciality .Item .InnerBox .Desc { position:relative; z-index:1; margin:0 15px; color:#000;}
.AllInfo .Speciality .Item1 .InnerBox br { display:none;}
.AllInfo .Speciality .Item .InnerBox .Title { padding:15px 0 10px; font-size:14px; font-weight:bold; line-height:1.2;}
.AllInfo .Speciality .Item .InnerBox .Desc { padding:0 0 10px; line-height:1.2;}
.AllInfo .Speciality .Item .ToBottom { position:absolute; left:50%; bottom:10px; margin-left:-10px; z-index:3;}
.AllInfo .Speciality .Item .ToBottom img { width:50%;}
.AllInfo .Summary { margin:30px 0 0; background:url("/asset/www/images/content/img_allinfo_info_bg.jpg") no-repeat center center; background-size:auto 100%; color:#fff;}
.AllInfo .Summary .Row { margin:0 15px; padding:30px 0 0;}
.AllInfo .Summary .Row:after { content:""; display:block; clear:both;}
.AllInfo .Summary .Row .Item { float:left; position:relative; width:50%;}
.AllInfo .Summary .Row .Item > .Title { overflow:hidden; margin:0 40px 15px 0; padding:0 0 15px; border-bottom:2px solid #fff;}
.AllInfo .Summary .Row .Item > .Title .SmallFont { float:right; font-size:12px; padding-top:5px;}
.AllInfo .Summary .Row .Item > .Text { }
.AllInfo .Summary .Row .Item > .Text > span { display:inline-block; vertical-align:top;}
.AllInfo .Summary .Row .Item > .Text > .Value { font-size:24px; font-weight:bold;}
.AllInfo .Summary .Row .Item > .Text > .Unit { margin-left:5px; padding-top:8px;}
.AllInfo .Summary .Row .Item > .Text > .Unit.Big { font-size:14px;}
.AllInfo .Summary .Row .Item > .SubText { padding-top:5px;}
.AllInfo .Summary .Diagram { overflow:hidden; padding:15px 0 0;}
.AllInfo .Summary .Diagram .Item2 { display:inline-block; margin-right:10px; text-align:center;}
.AllInfo .Summary .Diagram .Item2 > img { max-width:100%;}
.AllInfo .Summary .Diagram .Item2 .Text { padding:5px 0 0; text-align:center;}
.AllInfo .Summary .CircleGraph { position:relative; min-height:80px;}
.AllInfo .Summary .CircleGraph .GraphImg { width:55%;}
.AllInfo .Summary .CircleGraph .Line { position:absolute; left:46%; top:84%; width:20%; text-align:center;}
.AllInfo .Summary .CircleGraph .Text { position:absolute; left:70%; top:86%; width:35%; font-size:12px;}
.AllInfo .Summary .CircleGraph .Text > span { display:inline-block;}
.AllInfo .Summary .CircleGraph .Text > .Value { padding:5px 0 0; font-size:20px; font-weight:bold;}
.AllInfo .Summary .InnerList li { padding:0 0 10px; font-size:20px; font-weight:bold; }
.AllInfo .Summary .Graph { position:relative; margin:15px 30px; padding:0 0 40px; text-align:center;}
.AllInfo .Summary .Graph img { max-width:100%;}
.AllInfo .Summary .Graph .Fake { position:relative; visibility:hidden;}
.AllInfo .Summary .Graph .Real { position:absolute; left:0; right:0; bottom:40px; width:100%; height:0; transition:1s all;}
html.ie7 .AllInfo .Summary .Graph .Real ,
html.ie8 .AllInfo .Summary .Graph .Real { height:100%;}
.AllInfo .Summary .Graph .Real.Move { height:100%;}
.AllInfo .Summary .Graph .Text { position:absolute; right:0; bottom:0;}
.AllInfo .AsanWorkspace { margin:30px 0 0; padding:30px 15px 30px; background:url("/asset/www/images/content/img_allinfo_workspace_bg.jpg") no-repeat center top; background-size:auto 100%;}
.AllInfo .AsanWorkspace .SliderWrap { position:relative; width:100%; height:0; padding:0 0 100% 0; z-index:1;}
.AllInfo .AsanWorkspace .SliderWrap .innerFrame { margin:0 auto; width:100%; height:2500px;}
.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider { width:100%; height:100%;}
.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item { float:left; width:100%; background-color:#fff;}
.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap { margin:15px;}
.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .ItemTitle { font-size:24px; color:#1e1e1e; font-weight:bold;}
.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .Desc { padding:10px 0 0; line-height:1.4;}
.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item img { width:100%; height:auto;}
.AllInfo .AsanWorkspace .SliderIndicator { position:relative; width:100%; height:15px; padding:20px 0 11px; z-index:10; text-align:center;}
.AllInfo .AsanWorkspace .SliderIndicator button { display:inline-block; width:13px; height:13px; margin:0 2px;  background:url("/asset/www/images/index/rollingbtn_off.png") no-repeat left top; text-indent:-50px;}
.AllInfo .AsanWorkspace .SliderIndicator button.active { background-image:url("/asset/www/images/index/rollingbtn_on.png");}
.AllInfo .WorkFlow { margin:30px 0 0;}
.AllInfo .WorkFlow > .List { overflow:hidden;}
.AllInfo .WorkFlow > .List .Item { position:relative; height:0; padding:0 0 30%; overflow:hidden;}
.AllInfo .WorkFlow > .List .Item .Dimm { position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; background-color:#000; filter:alpha(opacity=50); opacity:0.5;}
.AllInfo .WorkFlow > .List .Item .Image { position:absolute; left:0; top:0; width:100%; height:100%;}
.AllInfo .WorkFlow > .List .Item .Image img { width:100%;}
.AllInfo .WorkFlow > .List .Item .ItemTitle { position:absolute; left:50%; top:50%; z-index:5; width:240px; margin-top:-20px; margin-left:-140px;}
.AllInfo .WorkFlow > .List .Item .ItemTitle .Step,
.AllInfo .WorkFlow > .List .Item .ItemTitle .Text { display:inline-block; vertical-align:top; color:#fff;}
.AllInfo .WorkFlow > .List .Item .ItemTitle .Step { padding:7px 0 0; font-family: 'Exo 2', 'sans-serif'; font-size:18px; width:75px;}
.AllInfo .WorkFlow > .List .Item .ItemTitle .Text { font-size:40px;}
.AllInfo .WorkFlow > .List .Item .Desc { display:none;}
.AllInfo .WorkFlow > .List .Item.Active { padding:0 0 60%; min-height:70px;}
.AllInfo .WorkFlow > .List .Item.Active .Dimm { display:none;}
.AllInfo .WorkFlow > .List .Item.Active .Image img { height:100%;}
.AllInfo .WorkFlow > .List .Item.Active .ItemTitle { left:0; top:0; width:100%; margin:0; padding:15px;}
.AllInfo .WorkFlow > .List .Item.Active .ItemTitle .Step,
.AllInfo .WorkFlow > .List .Item.Active .ItemTitle .Text { display:block; text-align:left; color:#000;}
.AllInfo .WorkFlow > .List .Item.Active .ItemTitle .Text { padding:20px 0 20px; font-size:60px; background:url("/asset/www/images/ico/ico_line01.png") no-repeat left bottom;}
.AllInfo .WorkFlow > .List .Item.Active .Desc { display:block; position:absolute; left:15px; top:160px; font-size:18px; color:#000; width:70%; line-height:1.4;}
.AllInfo .WorkFlow > .ImageLayer { display:none;}

/* Sitemap */
.Sitemap { padding:30px 0 0;}
.Sitemap .Category { margin:15px 0 0; background-color:#fff;}
.Sitemap .Category:first-child { margin-top:0;}
.Sitemap .Category .Image { margin:0 15px; padding:15px 0 0;}
.Sitemap .Category .Image img { width:100%;}
.Sitemap .Category .CategoryTitle { margin:0 15px; padding:20px 0; background:url("/asset/www/images/ico/ico_bar01.png") no-repeat left bottom; line-height:1.4; color:#005696; font-size:16px; font-weight:bold;}
.Sitemap .Category .List { margin:0 15px; padding:20px 0 15px;}
.Sitemap .Category .List li { padding:0 0 10px;}
.Sitemap .Category .List li > a { font-size:14px; color:#333;}
.Sitemap .Category .List li > ul { padding:15px 0 0 15px;}
.Sitemap .Category .List li > ul > li > a { font-size:12px; color:#666;}

.Article.Type1.faqType .DescSect01{ display:none; position:relative; width:100%; height:auto; margin:20px 0 80px 0; }
.Article.Type1.faqType .DescSect01 .item{ font-size:13px; color:#666; line-height:1.5em; }

.QnaBar{ background:#fff; width:100%; height:auto; overflow:hidden; margin-top:20px; }
.QnaBar .imgQna{ float:left; }
.QnaBar .etc{ float:left; }
.QnaBar .etc span{ display:block; font-size:20px; color:#333; margin:20px; }
.QnaBar .etc a { margin-left:20px; }

/* nanoScroller */
.nano { position:relative; width:100%; height:100%; overflow:hidden;}
.nano > .nano-content { position:absolute; overflow:scroll; overflow-x:hidden; top:0; right:0; bottom:0; left:0;}
.nano > .nano-content:focus { outline: thin dotted;}
.nano > .nano-content::-webkit-scrollbar { visibility: hidden;}
.has-scrollbar > .nano-content::-webkit-scrollbar { visibility:visible;}
.nano > .nano-pane { background : rgba(0,0,0,.25); position:absolute; width:10px; right:0; top:0; bottom:0; visibility:hidden; /* Target only IE7 and IE8 with this hack */
	opacity:.01;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.nano > .nano-pane > .nano-slider { background:#444; background:rgba(0,0,0,.5); position:relative; margin:0 1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed { visibility:visible; /* Target only IE7 and IE8 with this hack */ opacity:0.99;}

#DaumMap { height:460px; border:1px solid #ddd;}

.CIArea .ImgArea .DownBtn { padding:15px 0 0; text-align:right;}

/*
 * Min 480px
 *
 */
@media all and (min-width: 480px) {

	/* AllInfo */
	.AllInfo .InnerSubTitle { padding:60px 0 0; font-size:30px;}
	.AllInfo .KeyText .Brand img { width:50%;}
	.AllInfo .KeyText .Slogan { top:30%; font-size:34px;}
	.AllInfo .KeyText .Since { top:64%; font-size:18px;}
	.AllInfo .Speciality .Item .InnerBox { top:10%; width:70%;}
	.AllInfo .Speciality .Item .InnerBox .Title { padding:15px 10px 10px; font-size:24px;}
	.AllInfo .Speciality .Item .InnerBox .Title br { content:""; display:block;}
	.AllInfo .Speciality .Item .InnerBox .Desc { padding:0 10px 15px; line-height:1.6;}
	.AllInfo .Speciality .Item .ToBottom img { width:auto;}
	.AllInfo .Speciality .Item2 .Bg img { margin-left:-52%;}
	.AllInfo .Speciality .Item3 .Bg img { margin-left:-100%;}
	.AllInfo .AsanWorkspace .SliderWrap { padding:0 0 75% 0;}


}

/*
 * Min 640px
 *
 */
@media all and (min-width: 640px) {

	/* AllInfo */
	.AllInfo .InnerSubTitle { padding:60px 0 0; font-size:30px;}
	.AllInfo .KeyText .Brand { top:17%;}
	.AllInfo .KeyText .Brand img { width:60%;}
	.AllInfo .KeyText .Slogan { top:28%; font-size:44px;}
	.AllInfo .KeyText .Since { top:65%; font-size:18px;}
	.AllInfo .Speciality .Item .Bg img { width:150%; margin-left:-35%;}
	.AllInfo .Speciality .Item .InnerBox { top:10%; width:60%;}
	.AllInfo .Speciality .Item .InnerBox .Title { padding:15px 10px 10px; font-size:28px;}
	.AllInfo .Speciality .Item1 .InnerBox .Title br { content:""; display:block;}
	.AllInfo .Speciality .Item .ToBottom img { width:auto;}
	.AllInfo .Speciality .Item2 .Bg img { margin-left:-28%;}
	.AllInfo .Speciality .Item3 .Bg img { margin-left:-45%;}
	.AllInfo .Summary .Row .Item > .Title { font-size:16px;}
	.AllInfo .Summary .Row .Item > .Text > .Value { font-size:60px;}
	.AllInfo .Summary .Row .Item > .Text > .Unit { font-size:22px; padding-top:21px;}
	.AllInfo .Summary .Row .Item > .Text > .Unit.Big { font-size:26px; padding-top:19px;}
	.AllInfo .Summary .Row .Item > .SubText { font-size:20px;}
	.AllInfo .Summary .CircleGraph .Text > .Value { font-size:36px;}
	.AllInfo .AsanWorkspace .SliderWrap { padding:0 0 70% 0;}

	/* Sitemap */
	.Sitemap { overflow:hidden; padding:30px 0 0;}
	.Sitemap .Category { margin-top:15px !important; height:0; padding-bottom:65%; vertical-align:top;}
	.Sitemap .Category1,
	.Sitemap .Category3,
	.Sitemap .Category5,
	.Sitemap .Category7	{ float:left; width:49%; margin-right:1%;}
	.Sitemap .Category2,
	.Sitemap .Category4,
	.Sitemap .Category6	{ float:right; width:49%; margin-left:1%;}
	.Sitemap .Category5,
	.Sitemap .Category6 { padding-bottom:90%;}
	.Sitemap .Category .Image { margin:0 30px; padding:30px 0 0;}
	.Sitemap .Category .CategoryTitle { margin:0 30px;}
	.Sitemap .Category .List { margin:0 30px;}

}

/*
 * Only Mobile
 *
 */
@media all and (max-width: 767px) {

	.Article.Type3 .Image { }
	.ArticleWrap .subDesc { margin: 25px 15px; }
	.Article.Type1.recruitType .Thumbnail { display: none;}

	.LifeCont { width:100%; margin:60px auto;}

	/* InnerRule */
	.InnerRule.Type2{margin-bottom:30px;}

	/* recruit */
	.tabNavigation.tabs5 li { width: 33.333%;}
	.Article.Type1 .TriggerFold01{ left:15px; }
	.QnaBar .imgQna{ width:20%; }
	.QnaBar .etc{ width:80%; }
	.QnaBar .etc span{ display:block; font-size:20px; color:#333; margin:20px 10px 10px 20px; }
	.QnaBar .etc button{ width:15%; }
	.QnaBar .etc button img{ width:100%; }

	.MemberInfo.Type2 .Line.First { margin-bottom:15px;}

}
@media all and (max-width: 600px) {
	.QnaBar .imgQna{ width:25%; }
	.QnaBar .etc{ width:75%; }
	.QnaBar .etc button{ width:20%; }

	.ApplyForm .FormTable td,
	.ApplyForm .FormTable th{display:block; width:100%; padding: 8px 0 8px 0 !important; text-align:center  !important;}
	.ApplyForm .FormTable colgroup{display:none;}
	.ApplyForm .FormTable .Input.Type1 { background: #fff; border: 1px solid #e1e1e1; border-right-color: #e1e1e1; border-bottom-color: #e1e1e1;}
	.wp50 {width: 100%}

}
@media all and (max-width: 480px) {
	.QnaBar .imgQna{ width:30%; }
	.QnaBar .etc{ width:70%; }
	.QnaBar .etc span{ font-size:16px; }

	

}


/*
 * Not Mobile
 *
 */
@media all and (min-width: 768px) {

	.wp50{width:50%;}
	
	/* HiddenMobile */
	/* .HiddenMobile > * { display:block;} */
	.HiddenMobile > .Warning { display:none;}

	/* .HiddenMobile.Type1 > * { display:none;} */
	.HiddenMobile.Type1 > .Warning { display:block;}

	/* Button */

	/* InnerRule */
	.InnerRule .LeftArea { display:block; float:left; position:relative; width:50%; height:300px; overflow:hidden;}
	.InnerRule .LeftArea img { /* position:relative; */ left:50%; /* margin-left:-318px; */}
	.InnerRule .RightArea { float:left; width:50%; height:300px; padding:0;}
	.InnerRule .RightArea .Text { padding:50px 40px 20px;}
	.InnerRule .RightArea .Btn { padding:0 0 0 40px;}

	/* PRCenter */
	.PRCenter { position:relative; overflow:hidden;}
	.PRCenter .TitArea {}
	.PRCenter .TitArea .Title { font-size:50px;}
	.PRCenter .TitArea .Desc { padding:20px 0 0; font-size:16px;}
	.PRCenter .MovieArea { display:none;}
	.PRCenter .ThumbnailList { overflow:hidden; height:720px;}
	.PRCenter .ThumbnailList > li { float:left; position:relative; height:720px; background-color:#eee;}
	.PRCenter .ThumbnailList .Bg { width:100%; height:100%;}
	.PRCenter .ThumbnailList .Bg img { width:1280px; top:0; margin-top:0; left:50%; margin-left:-640px;}
	.PRCenter .ThumbnailList .Button { height:100%; top:290px; line-height:1;}
	.PRCenter .ThumbnailList .Button a img { width:auto; height:auto; margin:0;}
	.PRCenter .ThumbnailList .Button a .Text { display:block; padding:20px 0 0; font-size:24px;}
	.PRCenter .ThumbnailList .Button .Desc { padding:15px 0 0; line-height:1.6; font-size:14px; color:#fff;}
	.PRCenter > .VideoContainer { overflow:hidden; position:absolute; left:0; top:195px; z-index:10; width:100%; height:725px; padding-bottom:0; background-color:#000;}
	.PRCenter > .VideoContainer iframe { position:relative; left:auto; top:auto;}
	.PRCenter > .VideoContainer > .Closer { position:absolute; right:10px; top:10px;}

	/* Brochure */
	.Brochure { overflow:hidden;}
	.Brochure .InnerArea { overflow:hidden; padding:15px 0;}
	.Brochure .Item { width:25%;}
	.Brochure .Line { overflow:visible;}
	.Brochure .Line1 { padding:0;}
	.Brochure .Item .Title { font-size:20px;}

	/* IntroKeyVisual */
	.IntroKeyVisual .careers.KeyText {font-size:50px;}

	.IntroKeyVisual .DescImage { margin:0 30px;}
	.IntroKeyVisual .InnerTitle { margin:60px 30px 0;}
	.IntroKeyVisual .InnerTitle.First { margin-top:20px;}
	.IntroKeyVisual .InnerList { margin:10px 30px 0;}
	.IntroKeyVisual.Article { padding-bottom:30px;}


	/* ArticleWrap */
	.ArticleWrap {display: flex; justify-content: space-between;}
	.ArticleWrap.Divide4 .Article { float:left; position:relative; width:24.25%; margin-left:1%; height:350px;}
	.ArticleWrap.Divide3 .Article .ArticleTitle{ position:relative; z-index:2;}
	.ArticleWrap.Divide4 .Article.First { margin-left:0;}


	.ArticleWrap2 { overflow:hidden;}
	.ArticleWrap2.First { padding:30px 0 0;}
	.ArticleWrap2.Divide3 .Article { float:left; position:relative; width:32.6%; margin-left:1%;}
	.ArticleWrap2.Divide4 .Article { float:left; position:relative; width:24.25%; margin-left:1%;}
	.ArticleWrap2.Divide3 .Article.First { margin-left:0; width:32.7%;}
	.ArticleWrap2.Divide4 .Article.First { margin-left:0;}
	.ArticleWrap2 .IntroKeyVisual .DescArea.Top { padding-top:0 !important;}

	/* Article */
	.Article.Type1{}
	.Article.Type1 .ListSect { /* margin-right:400px; */ /* padding:20px 0 0; */}
	.Article.Type1 .ListSect .Thumbnail {}
	.Article.Type1 .ListSect .Thumbnail img {}
	.Article.Type1 .ListSect.NoThumbnail { width:auto;}
	/* .Article.Type1 .ListSect .Summary { height:64px;} */
	.Article.Type1 .DescSect { width:980px; height:800px;}
	.Article.Type1 .DescSect .InnerWrap { position:relative; padding:50px 0 40px;}
	.Article.Type1.IndustryNews { min-height:0;}
	.Article.Type1.IndustryNews .ListSect { margin-right:0;}

	.Article.Type3 .ArticleTit { font-size:20px; line-height: 26px;}
	.Article.Type3 .Desc {width: 100%; line-height: 26px;}
	.Article.Type3 .Block { display:block; padding:1px 0 0;}
	.Article.Type3 .ArticleTit .Block { padding-top:5px;}
	.Article.Type3 .SmallText { font-size:14px;}

	.Article.Type4 { overflow:hidden;}
	.Article.Type4 .Item { float:left; width:32%; padding:0; margin:0 0 0 2%;}
	.Article.Type4 > div:first-child { margin-left:0;}
	.Article.Type4 .Item .HeadSect { margin:0;}

	.Article.Type5 .Image { padding:30px 30px 0 30px;}
	.Article.Type5 .Title { left:30px; bottom:50px; font-size:30px; }
	.Article.Type5 .Desc { left:30px; bottom:30px; font-size:13px;}

	#Highlights .Article { height:350px;}

	.Article.Type6 .Title { margin:0 30px;}

	/* MemberInfo */
	.MemberInfo.Type2 { overflow:hidden;}
	.MemberInfo.Type2 > .Line { overflow:hidden;}
	.MemberInfo.Type2 > .Line.First { padding-bottom:15px;}
	.MemberInfo.Type2 > .Line .Card { height:190px;}
	/* .MemberInfo.Type2 > .Line.First .Card { height:210px;} */
	.MemberInfo.Type2 .Card { float:left; position:relative; width:32.6%; margin-left:1%; margin-top:0;}
	.MemberInfo.Type2 .Card.First { margin-left:0;}

	/* Tab */
	.Tab.Type1 { margin:50px 0 0;}
	.Tab.Type1 a { padding:12px 20px; font-size:16px;}

	/* GraphType */
	.GraphType.Type1 { overflow:hidden;}
	.GraphType.Type1 .Item { float:left; width:50%; margin-top:0;}
	.GraphType.Type1 .Item .Outer { margin:25px 0 10px 20px;}
	.GraphType.Type1 .Item .Inner { padding:30px;}
	.GraphType.Type1 .Item.First .Outer { margin-left:0; margin-right:20px;}
	.GraphType.Type1 .Item .Head .Title { font-size:22px;}
	.GraphType.Type1 .Item .Head .Right .Value { font-size:50px; margin-top:-6px;}
	.GraphType.Type1 .Item .Head .Right .Up,
	.GraphType.Type1 .Item .Head .Right .Down { font-size:18px; padding-bottom:7px;}
	.GraphType.Type1 .Item .GraphBody .Graph { font-size:10px;}

	.GraphType.Type1.Careers .Item { float:none; width:auto;}
	.GraphType.Type1.Careers .Item .Outer { margin-left:0; margin-right:0;}
	.GraphType.Type1.Careers .Body { overflow:hidden; min-height:290px;}
	.GraphType.Type1.Careers .Thumbnail { position:absolute; right:0; top:0; width:366px;}
	.GraphType.Type1.Careers .Left { position:relative; left:auto; top:auto; width:auto; margin-right:390px;}

	.GraphType.Type1 .Item .GraphBody .OneImage { height:315px; line-height:315px;}


	/* ProductView */
	.ProductView { }
	.ProductView .ProductTitle {}
	.ProductView .ProductDesc {}
	.ProductView .TableType td > img { margin:15px 0;}

	/* CeoMessage */

	/* HistoryDiv */

	/* CIDiv */
	

	/* recruit */

	.Benefits .Article.Type1 .ListSect .Thumbnail { left: 0; }
    .Benefits .Article.Type1 .ListSect { margin-left: 400px; margin-right: 0; }

	/* AllInfo */
	.AllInfo .InnerSubTitle { padding:60px 0 0; font-size:48px; line-height:1.3;}
	.AllInfo .InnerSubTitle.Line { padding-top:0; margin-top:60px; font-size:58px;}
	.AllInfo .KeyText .Brand { top:20%;}
	.AllInfo .KeyText .Brand img { width:auto;}
	.AllInfo .KeyText .Slogan { top:30%; font-size:48px;}
	.AllInfo .KeyText .Since { top:64%; font-size:18px;}
	.AllInfo .Speciality .Item1 .InnerBox .Desc br { display:block; content:"";}
	.AllInfo .Summary { padding:20px 0 0;}
	.AllInfo .Summary .Row { margin:15px 50px;}
	.AllInfo .Summary .Row .Item > .Title { margin-right:50px;}
	.AllInfo .Summary .CircleGraph { margin-left:30px;}
	.AllInfo .Summary .CircleGraph .GraphImg { width:auto;}
	.AllInfo .Summary .CircleGraph .Line { width:auto; left:155px; top:150px;}
	.AllInfo .Summary .CircleGraph .Text { left:240px; top:142px;}
	.AllInfo .Summary .CircleGraph .Text .Tit { font-size:14px;}
	.AllInfo .Summary .CircleGraph .Text .Value { font-size:36px;}
	.AllInfo .Summary .InnerList li { font-size:40px;}
	.AllInfo .AsanWorkspace { padding:60px 30px 70px;}
	.AllInfo .AsanWorkspace .SliderWrap { padding:0 0 90%;}
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap { margin:60px 30px 40px;}
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .ItemTitle { font-size:50px;}
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .Desc { padding:20px 0 0; font-size:21px; line-height:1.6;}

	.CIArea .ImgArea .DownBtn { margin-bottom:-70px;}

	.TextBox.Type1 .TextLine .InnerLinkWrap nav { padding:20px;}
	.TextBox.Type1 .TextLine .InnerLinkWrap nav ol { float:left; width:49%;}
	.TextBox.Type1 .TextLine .InnerLinkWrap nav ol.Left { border-right:1px solid #ccc;}
	.TextBox.Type1 .TextLine .InnerLinkWrap nav ol.Right li { margin-left:20px;}

	/* 이녹스첨단소재 라이프 */
	.InnoxLife .ArticleWrap.Divide3 {display: block; position:relative; overflow: hidden;}
	.InnoxLife .ArticleWrap.Divide3:nth-child(2) .ArticleTit{min-height: 52px; margin-bottom: 5px;}
	.InnoxLife .ArticleWrap.Divide3 .Article.Type3{float: left; width: calc(100% / 3 - 20px); margin: 10px; padding: 25px 20px;}
	.InnoxLife .ArticleWrap.Divide3 .Article.Type1 { position:absolute; left:0; top:330px; float:none; width:100%; margin: 40px auto 0; padding-bottom:20px;}
	.InnoxLife .ArticleWrap.Divide3 .Article.Type1 .ListSect { margin-right:0; text-align:left;}
	.InnoxLife .ArticleWrap.Divide3 .Article.Type1 .DescSect { height:auto; width:auto;}
	.InnoxLife .ArticleWrap.Divide3 .Article.Type1 .TriggerFold { position:relative; left:15px; bottom:auto; padding:20px 0 0;}

	.HistorySlider { margin-top:60px;}

	.InnerRule.Type3 { margin-bottom:60px;}
	.InnerRule.Type3 .RightArea .Text {padding: 30px 40px 20px; font-size: 13px; color: #666; line-height: 1.5;}
	.InnerRule.Type3 .RightArea .Text p{color: #005696; font-size:16px; margin-bottom:15px;}
	.InnerRule .InnerList11{color:#666;}
	.InnerRule .InnerList11 li { padding:0 0 8px 8px; line-height:1.6; background:url("/asset/www/images/content/study/ico01.png") no-repeat left 7px;}
	.InnerRule.Type3 .RightArea .Text .TextRed {color: red; /* 글자 색을 빨간색으로 변경 */font-size: 16px; margin-bottom: 15px;}

}

/*
 * Only Tablet
 *
 */
@media all and (min-width: 768px) and (max-width: 959px) {

	/* MemberInfo */
	.MemberInfo.Type1 .InfoSec { margin:15px 30px 10px 30px;}
	.MemberInfo.Type1 .InfoSec .Thumbnail { position:absolute; left:0; top:0;}
	.MemberInfo.Type1 .InfoSec .Info { padding-top:20px; margin-left:230px;}
	.MemberInfo.Type1 .InfoSec .Info .Title { padding-bottom:20px; margin-bottom:20px;}
	.MemberInfo.Type1 .InfoSec .Info .Title > span { display:inline-block;}
	.MemberInfo.Type1 .InfoSec .Info .Title .Name { width:120px; font-size:30px; }
	.MemberInfo.Type1 .InfoSec .Info .Title .Grade { vertical-align:top; padding-top:8px; font-size:18px;}
	.MemberInfo.Type1 .InfoSec .Info .History > li .Dt { width:120px; font-size:13px;}
	.MemberInfo.Type1 .InfoSec .Info .History > li .Dd { margin-left:120px; font-size:13px;}

	/* recruit */
	.ArticleWrap.Divide4.halfBox .Article { height: 414px; }
    .ArticleWrap.Divide4.halfBox .Article.shortBox { height: 364px; }
    .tabNavigation li.on { background: none; }
    .ArticleWrap .subDesc { margin: 25px 15px; }
    .Article.Type1.recruitType .ListSect { margin-right: 130px; }
    .Article.Type1.recruitType .TriggerFold { text-align: left; }
    .Article.Type1.faqType .TriggerFold { text-align: left;}
    .Article.Type1.faqType {  }

	
	
}


/*
 * Under Desktop
 *
 */
@media all and (max-width: 979px) {

	/* ProductView */
	.ProductView .SliderIndicator { position:absolute; left:0; bottom:15px; width:100%; height:5%; z-index:10; text-align:center;}
	.ProductView .SliderIndicator button { display:inline-block; width:13px; height:13px; border-radius: 50%; background-color: rgba(16, 103, 196, .5); text-indent:-50px;}
	.ProductView .SliderIndicator button img { display:none;}
	.ProductView .SliderIndicator button.active { background-color: #1067c4;}

	.HistoryDiv .SliderIndicator { position:absolute; left:0; bottom:15px; width:100%; height:5%; margin:0; z-index:10; text-align:center;}
	.HistoryDiv .SliderIndicator button { display:inline-block; width:13px; height:13px; margin-left:0; background:url("/asset/www/images/index/rollingbtn_off.png") no-repeat left top; text-indent:-50px; border:0 none;}
	.HistoryDiv .SliderIndicator button img { display:none;}
	.HistoryDiv .SliderIndicator button.active { background-image:url("/asset/www/images/index/rollingbtn_on.png");}

	/* Careers */
	.Careers .Title { font-size:30px;}
	.Careers .SubTitle { font-size:24px;}

	/* CI3 */
	

	/* recruit */
	.ArticleWrap.Divide4.halfBox .Article { width: 100%; height: auto; }
    .ArticleWrap.Divide4.halfBox .Article.shortBox { height: auto; }
    .ArticleWrap.Divide4.halfBox .Desc { padding-bottom: 15px; }

	.GraphType.Type2 .Item { width:100%; height:auto; overflow:hidden; background:#fff; margin:20px auto; }
	.GraphType.Type2 .Item .txtbox{ float:left; width:100%; height:auto; overflow:hidden; }
	.GraphType.Type2 .Item .txtbox .etc{ width:90%; height:auto; overflow:hidden; margin:5% auto; }
	.GraphType.Type2 .Item .txtbox .etc .SubTitle{ background:url("/asset/www/images/ico/ico_bar01.png") no-repeat left 15px; margin:0; padding:30px 0 5px 0; }
	.GraphType.Type2 .Item .txtbox .etc .Desc{ line-height:1.5em; color:#666; }
	.GraphType.Type2 .Item .Thumbnail{ float:left; width:100%; height:auto; overflow:hidden; }
	.GraphType.Type2 .Item .Thumbnail img{ width:100%; }
	.GraphType.Type2 .Item:first-child .txtbox{ float:left; }
	.GraphType.Type2 .Item:first-child .Thumbnail{ float:left; }

	/* ApplyForm */
	.ApplyForm { margin:20px 0 0; padding:15px; background-color:#fff;}
	.InnerRule.Type3 .LeftArea { display:none;}
	.InnerRule.Type3 .RightArea {width:100%; height: auto; box-sizing:border-box;}
	.InnerRule.Type3 .RightArea .Text p{color: #005696; font-size:16px; margin-bottom:15px;}
	.InnerRule .InnerList11{color:#666;}
	.InnerRule .InnerList11 li { padding:0 0 8px 8px; line-height:1.6; background:url("/asset/www/images/content/study/ico01.png") no-repeat left 7px;}
}

/*
 * Desktop
 *
 */
@media all and (min-width: 980px) {


	/* SearchField */
	/* .SearchField.Type1 { margin-top:50px;} */
	.SearchField.Type1 > .Category.Select1,
	.SearchField.Type1 > .Category.Select2 {}
	.SearchField.Type1 > .Category.Input {}
	.SearchField.Type1 > .Category.Input .InputText {}
	/* .SearchField.Type1 > .Category { float:left; position:relative !important; left:auto !important; top:auto !important;} */

	.Article.SmallHeight { min-height:230px;}
	.Article.SmallHeight .ListSect .Summary { height:42px;}

	.DescSliderIndicator { bottom:0;}
	.DescSlider { width:980px; height:650px; padding:0;}
	.DescSlider .InnerWrap { height:700px;}
	.DescSlider .innerFrame { height:650px;}
	.Article.Type1 .TriggerFold{ position:absolute; left:30px; bottom:20px; z-index:10; margin:0;}
	.Article.NoDesc .ListSect { margin:0;}
	.Article.NoDesc .DescSect { height:50px;}

	.Brochure { }
	.Brochure .Item .Title { margin-left:40px; margin-right:40px;}
	.Brochure .Item .Image { margin:0 40px;}
	.Brochure .Item .Download { margin:15px 40px 0;}

	/* IntroKeyVisual */
	.IntroKeyVisual .careers.KeyText { top:20px; font-size:50px;}
	/* .IntroKeyVisual .DescArea { margin:24px 30px 0 30px;} */
	.IntroKeyVisual .DescArea.Type2 { margin:30px 30px 0 10px;}
	.IntroKeyVisual .DescArea.Type2 .Tit > span{font-size:18px;}
	.IntroKeyVisual .DescArea.Top { padding-top:30px;}

	.IntroKeyVisual .DefinitionList.Type1 { padding:0 30px 15px 30px;}

	/* CompanyInfo */
	.overview-info-table.flex{align-items: flex-start;}
	.overview-info-table table{width: calc(100% / 2 - 20px);}
	.overview-info-table table:nth-child(2) th,.overview-info-table table:nth-child(2) td{vertical-align: middle;}

	/* Article.Type3 */
	.Article.Type3 .ArticleTit {width: 100%;}
	.Article.Type3 .ArticleTit2 { margin-left: 30px;margin-right: 30px;padding-top: 15px;font-size: 20px;color: #4374D9;}
	.Article.Type3 .Image2 { margin:30px 30px 0 30px; padding:0;}

	/* ListType */
	.ListType.Type1 .Item .InnerCover { overflow:hidden; text-align:left;}
	.ListType.Type1 .Item .InnerCover .ItemTit,
	.ListType.Type1 .Item .InnerCover .Download {/*  display:inline-block; */}
	.ListType.Type1 .Item .InnerCover .Download {/*  margin-left:30px; */}

	/* MemberInfo */
	.MemberInfo.Type1 { position:relative; overflow:hidden; height:561px; padding:0;}
	.MemberInfo.Type1 .Portrait { position:relative; height:561px;}
	.MemberInfo.Type1 .Portrait .Img { position:absolute; left:auto; right:0; top:0; margin:0; width:auto; min-width:100%; height:561px;}
	.MemberInfo.Type1 .InfoSec { position:absolute; left:85px; top:0; width:420px; height:561px; margin:0;}
	.MemberInfo.Type1 .InfoSec .Bg { position:absolute; left:0; top:0; z-index:0;width:420px; height:561px; background-color:#0f202e; opacity:0.7; filter:alpha(opacity=70);}
	.MemberInfo.Type1 .InfoSec .Thumbnail { position:relative; z-index:2; margin:65px 0 0 45px;}
	.MemberInfo.Type1 .InfoSec .Thumbnail li.Current { background-image:url("/asset/www/images/ico/ico_arrow01.png");}
	.MemberInfo.Type1 .InfoSec .Info { position:relative; z-index:2; margin:35px 0 0 45px;}
	.MemberInfo.Type1 .InfoSec .Info .Title { padding-bottom:20px; margin-bottom:20px;}
	.MemberInfo.Type1 .InfoSec .Info .Title .Name { font-size:38px; }
	.MemberInfo.Type1 .InfoSec .Info .Title .Grade { vertical-align:top; padding-top:14px; font-size:18px;}
	.MemberInfo.Type1 .InfoSec .Info .History > li .Dt { width:75px; font-size:13px;}
	.MemberInfo.Type1 .InfoSec .Info .History > li .Dd { margin-left:75px; font-size:13px;}

	.MemberInfo.Type2 .Card .Title { padding:30px 30px 15px 30px;}
	.MemberInfo.Type2 .Card .History { padding:0 30px 30px 30px;}

	/* DefinitionList */
	/* .DefinitionList.Type1 { position:relative; padding:10px 30px 30px 30px;} */
	.DefinitionList.Type1 .InnerTitle { margin:50px 0 15px; font-size:22px;}
	.DefinitionList.Type1 .InnerTitle.First { margin-top:30px;}
/* 	.DefinitionList.Type1 table { width:102.5%; border-spacing:20px; margin:10px 0 0; margin-left:-20px; margin-right:-20px;} */
	.DefinitionList.Type1 table th,
	/* .DefinitionList.Type1 table td { font-size:13px; line-height:1.8;} */

	/* Tab */
	/* .Tab.Type1 a { padding:17px 30px; font-size:16px;} */

	.Tab.Type2 { }
	.Tab.Type2 > a {
		display: block;
		width: 100%;
		padding: 15px;
		color: #333;
		border-bottom: 1px solid #e5e5e5; 
	}
	.Tab.Type2 > a.Current {
		border-left: 3px solid #1067c4; /*border-radius: 0 10px 10px 0;*/
		font-weight: 600;
		background-color: #DEEDF9;
	}
	.business-con {width: calc(100% - 345px);}
	.Tab.Type2 > .Mobile { display:none;}

	/* TableType */
	/* .TableType.Type1 { padding:30px;} */

	/* GraphType */
	.GraphType.Type1 .Item .GraphBody .Graph { font-size:12px;}
	.GraphType.Type1 .Item .Desc .Block { display:block;}

	/* AnalysisReport */
	.AnalysisReport { padding:30px;}

	/* HiddenMobile.Type1 */
	/* .HiddenMobile.Type1 > * { display:block;} */
	.HiddenMobile.Type1 > .Warning { display:none;}

	/* ProductView */
	.ProductView .SliderIndicator { margin: -20px 0 -15px; text-align:right;}
	.ProductView .SliderIndicator button {
		width: 95px; height: 60px;
		margin:0 3px; border-radius: 5px;
		position:relative; 
		overflow: hidden;
	}
	.ProductView .SliderIndicator button.active { border-color:#333;}
	.ProductView .SliderIndicator button img { width:100%; height:100%;}
	.ProductView .ProductDesc {}

	/* CeoMessage */
	


	/* HistoryDiv */

	/* CIDiv */
	

	/* recruit */
	.Article.Type1.recruitType .ListSect { margin-right: 210px; }

	/* ImageBox */
	.ImageBox.Type1 { padding:30px;}
	.ImageBox.Type1 > .Mobile,
	.ImageBox.Type1 > .DesktopWide { display:none;}
	.ImageBox.Type1 > .Desktop { display:block;}

	/* AllInfo */
	.AllInfo .KeyText { height:720px; overflow:hidden;}
	.AllInfo .KeyText > .Bg { position:relative; left:50%; margin-left:-800px; width:auto; z-index:1;}
	.AllInfo .KeyText .Brand { top:175px;}
	.AllInfo .KeyText .Brand img { width:auto;}
	.AllInfo .KeyText .Slogan { top:234px; font-size:80px;}
	.AllInfo .KeyText .Since { top:450px; font-size:20px;}
	.AllInfo .Speciality .Item .InnerBox .Title { font-size:42px;}
	.AllInfo .Speciality .Item .InnerBox .Desc { font-size:16px;}
	.AllInfo .Summary { padding-bottom:100px;}
	.AllInfo .Summary > .InnerWrap { overflow:hidden; position:relative; margin:0 30px;}
	.AllInfo .Summary .Row { float:left; width:50%; margin-left:0; margin-right:0;}
	.AllInfo .Summary .Row4 { clear:both;}
	.AllInfo .Summary .Row:after { display:none;}
	.AllInfo .Summary .Row .Item > .Text > .Value { font-size:50px;}
	.AllInfo .Summary .Row .Item > .Title { margin-right:15px;}
	.AllInfo .Summary .Graph { position:absolute; right:0; bottom:0; margin:0;}
	.AllInfo .Summary .InnerList li { font-size:30px;}
	.AllInfo .AsanWorkspace { padding:30px 0;}
	.AllInfo .AsanWorkspace .SliderWrap { padding:0; height:auto; }
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame { height:auto;}
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider { overflow:hidden; width:89%; margin:30px auto; height:auto; text-align:center;}
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item { display:inline-block; position:relative; width:340px; margin:0 8px; background:transparent; float:none; text-align:left;}
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Container { overflow:hidden; position:relative; width:340px; height:310px; margin:0 auto; background:#fff;}
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap { margin:0; min-height:110px;}
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item1,
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item2,
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item3 { margin-bottom:15px;}
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .ItemTitle { padding:30px 15px 5px 15px; font-size:22px; margin:0; line-height:1.3;}
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item6 .Wrap .ItemTitle { padding-top:27px; }
	.AllInfo .AsanWorkspace .SliderWrap .innerFrame .slider .item .Wrap .Desc { display:none; overflow:hidden; padding:0 15px; font-size:12px;line-height:1.45;}
	.AllInfo .AsanWorkspace .SliderIndicator { display:none;}
	.AllInfo .WorkFlow { position:relative;}
	.AllInfo .WorkFlow > .List .Item { float:left; width:16.66666666666667%; height:750px; padding:0; cursor:pointer;}
	.AllInfo .WorkFlow > .List .Item .ItemTitle { left:0; margin-left:0; width:100%;}
	.AllInfo .WorkFlow > .List .Item .Image { position:relative;}
	.AllInfo .WorkFlow > .List .Item .Image img { width:auto; position:absolute; left:50%; top:0; margin-left:-800px;}
	.AllInfo .WorkFlow > .List .Item .ItemTitle .Step,
	.AllInfo .WorkFlow > .List .Item .ItemTitle .Text { display:block; text-align:center; width:auto;}
	.AllInfo .WorkFlow > .List .Item .ItemTitle .Step { padding:0 0 10px;}
	.AllInfo .WorkFlow > .List .Item .ItemTitle .Text { width:86%; margin:0 auto; line-height:1.2;}
	.AllInfo .WorkFlow > .ImageLayer { overflow:hidden; position:absolute; left:0; top:0; z-index:10; width:100%; height:750px;}
	.AllInfo .WorkFlow > .ImageLayer .Btn { position:absolute; top:335px; z-index:20; width:220px; height:80px;}
	.AllInfo .WorkFlow > .ImageLayer .Btn .Image { display:block; width:140px; height:80px;}
	.AllInfo .WorkFlow > .ImageLayer .Btn .Image img { width:100%; height:100%;}
	.AllInfo .WorkFlow > .ImageLayer .Btn.Prev { left:0; padding-left:80px; background:url("/asset/www/images/btn/btn_rolling_left.png") no-repeat left top;}
	.AllInfo .WorkFlow > .ImageLayer .Btn.Next { right:0; padding-right:80px; background:url("/asset/www/images/btn/btn_rolling_right.png") no-repeat right top;}
	.AllInfo .WorkFlow > .ImageLayer .Closer { position:absolute; right:10px; top:10px; z-index:15;}
	.AllInfo .WorkFlow > .ImageLayer .List { position:relative; width:20000em; height:750px; overflow:hidden;}
	.AllInfo .WorkFlow > .ImageLayer .List .Item { float:left; overflow:hidden; position:relative; height:750px;}
	.AllInfo .WorkFlow > .ImageLayer .List .Item .Dimm { display:none;}
	.AllInfo .WorkFlow > .ImageLayer .List .Item .Image { position:relative;}
	.AllInfo .WorkFlow > .ImageLayer .List .Item .Image img { position:relative; left:50%; margin-left:-800px;}
	.AllInfo .WorkFlow > .ImageLayer .List .Item .ItemTitle { position:absolute; left:70px; top:80px;}
	.AllInfo .WorkFlow > .ImageLayer .List .Item .ItemTitle span { display:block}
	.AllInfo .WorkFlow > .ImageLayer .List .Item .ItemTitle .Step { padding:0 0 20px; font-size:22px; font-family: 'Exo 2', 'sans-serif';}
	.AllInfo .WorkFlow > .ImageLayer .List .Item .ItemTitle .Text { padding:0 0 30px; margin:0 0 30px; font-size:70px; color:#000; font-weight:bold; text-indent:-3px;}
	.AllInfo .WorkFlow > .ImageLayer .List .Item .Desc { position:absolute; left:70px; top:241px; font-size:21px; color:#000;}

	/* Sitemap */
	.Sitemap { overflow:hidden; padding:0 !important;}
	.Sitemap .Category { margin-top:15px !important; height:580px !important; padding-bottom:30px !important;}
	.Sitemap .Category { float:left !important; width:32.5%; margin:15px 0 0 1% !important;}
	.Sitemap .Category1,
	.Sitemap .Category4,
	.Sitemap .Category7 { margin-left:0 !important; width:33%;}
	.Sitemap .Category1{ height:480px !important;}
	.Sitemap .Category2{ height:480px !important;}
	.Sitemap .Category3{ height:480px !important;}
	.Sitemap .Category7 { height:440px !important;}
	.Sitemap .Category1,
	.Sitemap .Category2,
	.Sitemap .Category3 { margin-top:0 !important;}
	.Sitemap .Category .CategoryTitle { font-size:28px;}
	.Sitemap .Category .List li > a { font-size:16px;}
	.Sitemap .Category .List li > ul > li > a { font-size:13px;}


	/* Careers */
	.GraphType.Type1.Careers .Item { float:left; width:50%;}
	.GraphType.Type1.Careers .Item .Outer { margin-left:10px;}
	.GraphType.Type1.Careers .Item.First .Outer { margin-left:0; margin-right:10px;}
	.GraphType.Type1.Careers .Item .Thumbnail { width:45%;}
	.GraphType.Type1.Careers .Item .Left { width:50%; margin-right:50%;}

	.CIArea { margin-top:30px;}
	.CIArea .DescArea { margin-top:0;}

	.GraphType.Type1 .Item .GraphBody .Graph p { font-size:18px;}
	.GraphType.Type1 .Item .GraphBody.Divide7 .Graph p,
	.GraphType.Type1 .Item .GraphBody.Divide71 .Graph p { font-size:12px;}
	.GraphType.Type1 .Item .GraphBody.Divide71 .Graph1 p { margin-top:1px;}

	.GraphType.Type1 .Item .GraphBody .OneImage { height:330px; line-height:330px;}

	.InnoxLife .Article.Type3 .Image2 {height: auto; margin:0 auto 20px;}
	.InnoxLife .Article.Type3 .DescBottom { padding-bottom:0; margin: 0;}

	.Article.Type1.recruitType .ListSect .RecruitApply { display:block;}

}

/*
 * 1180px
 *
 */
@media all and (min-width: 1080px) {

	/* CeoMessage */
	

	/* HistoryDiv */

	/* CIDiv */
	
	.InnoxLifeContent .InnerWrap01 { width:980px; margin-left:auto; margin-right:auto;}
}

/*
 * Desktop Wide
 *
 */
@media all and (min-width: 1280px) {


	/* HistoryDiv */
	
 */
	/* CIDiv */
	
	.Careers .SubTitle { margin-top:25px; font-size:22px;}
	.Careers .Body { overflow:hidden;}
	.GraphType.Type1.Careers .Item .Thumbnail { width:366px;}
	.GraphType.Type1.Careers .Item .Left { width:auto; margin-right:390px;}

	/* ImageBox */
	.ImageBox.Type1 > .Mobile,
	.ImageBox.Type1 > .Desktop { display:none;}
	.ImageBox.Type1 > .DesktopWide { display:block;}

	/* Sitemap */
	.Sitemap { overflow:hidden; padding:30px 0 0;}
	.Sitemap .Category { width:303px !important; margin:20px 0 0 20px !important;}
	.Sitemap .Category1,
	.Sitemap .Category5 { margin-left:0 !important;}
	.Sitemap .Category1,
	.Sitemap .Category2,
	.Sitemap .Category3,
	.Sitemap .Category4 { height:500px !important; margin-top:0 !important;}
	.Sitemap .Category5,
	.Sitemap .Category6,
	.Sitemap .Category7 { height:483px !important;}

	/* OverLayer */
	.OverLayer .Inner { position:absolute; left:50%; top:50%; width:1280px; height:905px; margin-left:-640px; margin-top:-453px;}
	.OverLayer .Inner .Photo { height:1280px !important; height:905px !important; line-height:1 !important; left:0 !important; right:0 !important; top:50% !important; margin-top:-453px;}
	.OverLayer .Closer { margin-top:-440px;}

	/* AllInfo */
	.AllInfo .Summary > .InnerWrap { width:1200px; margin-left:auto; margin-right:auto;}
	.AllInfo .Speciality .Item1 .InnerBox { width:626px;}
	.AllInfo .Speciality .Item2 .InnerBox { width:664px;}
	.AllInfo .Speciality .Item3 .InnerBox { width:667px;}
	.AllInfo .Speciality .Item4 .InnerBox { width:760px;}
	.AllInfo .Speciality .Item4 .InnerBox .Title,
	.AllInfo .Speciality .Item4 .InnerBox .Desc { padding-left:50px;}

	.AllInfo .AsanWorkspace { background-size:auto auto;}
	.AllInfo .Speciality .Item .Bg img { width:auto; left:50%; margin-left:-800px;}

	.ProductView .SliderWrap { padding-bottom:0; height:400px;}
}

/*
 * 1400px more
 *
 */
@media all and (min-width: 1400px) {

	.OverLayer .Inner .Btn.Left { left:-50px !important;}
	.OverLayer .Inner .Btn.Right { right:-45px !important;}

}



/*
 * 1500px more
 *
 */
@media all and (min-width: 1500px) {

	.IntroKeyVisual .careers.KeyText { position:absolute; right:-95px; top:20px; font-size:60px;}

}

/*
 * Print
 *
 */

@media print {

   .HiddenMobile > * { display:block !important;}
   .HiddenMobile > .Warning { display:none !important;}

   .HiddenMobile.Type1 > * { display:block !important;}
	.HiddenMobile.Type1 > .Warning { display:block !important;}
}

/* 2014.12.17 */
.fileWrap{position:absolute;top:0;right:0;width:120px;height:26px;overflow:hidden;background:white;}
.fileWrap .fileButton{float:right;width:108px;height:24px;text-align:center;font-size:13px;color:#666;line-height:24px;border:1px solid #ccc;}
.fileWrap .fileButton:hover{text-decoration:none;}
.fileWrap input{position:absolute;top:0;right:0;width:1000px;height:26px;margin:0;padding:0;opacity:0;filter:alpha(opacity=0);font-size:100px;cursor:pointer;}

/* 2015.01.12 */
.ethics_operate{position:relative;min-width:1px;padding:0 20px 30px;background:white;}
.ethics_operate h5{padding:30px 0 18px;text-align:center;font-size:30px;font-weight:bold;}
.ethics_operate img{display:block;width:100%;}
/* .ethics_operate .img1{display:block;} */
.ethics_operate .img2{display:none;}
.ethics_operate .img3{display:none;}

.progress{position:relative;min-width:1px;padding:0 20px 30px;background:white;}
.progress:after{content:"";display:block;clear:both;}
.progress div h5{padding:29px 0 18px;font-size:18px;color:#005696;}
.progress div dl{position:relative;min-width:1px;padding:28px 20px 37px;}
.progress div dl dt{margin:0 0 25px;font-size:18px;color:white;line-height:20px;}
.progress div dl dd{padding:0 0 5px 8px;font-size:16px;color:white;line-height:22px;background:url(/images/company/dot1.png) 0 8px no-repeat;}
.progress .dl1 dl{background:#78a9cc url(/images/company/progress_bg1.gif) center bottom no-repeat;}
.progress .dl2 dl{background:#4782ad url(/images/company/progress_bg2.gif) center bottom no-repeat;}
.progress .dl3 dl{padding:28px 20px 21px;background:#005696;}

.managesystem{position:relative;min-width:1px;/* margin:0 0 60px; */padding:30px 20px 27px;background:white;}
.managesystem .img1{display:block;width:100%;}
.managesystem .img2{display:none;}
/* .managesystem div{display:none;} */
.managesystem div h5{margin:0 0 10px;font-size:22px;color:#005696;}
.managesystem div ul li{padding:0 0 0 8px; color:#666;font-size: 18px; line-height:24px;background:url(/images/company/dot1.gif) 0 9px no-repeat;}

.ethics_link{width:100%; display: flex; justify-content: space-between;}
.ethics_link li{width: calc(50% - 10px);}
.ethics_link li a{display:block;height:60px;text-align:center;font-size:15px;color:#FFFFFF;line-height:60px;background:linear-gradient( to right, #6495ED, #005AAA );}
.ethics_link li a img{margin:0 0 0 15px;vertical-align:-1px;}
.ethics_link li a:hover{text-decoration:none;}

.growmap{position:relative;min-width:1px;margin:0 0 20px;padding:0 20px 30px;background:white;}
.growmap h1{padding:30px 0 0;font-size:17px;color:black;font-weight:bold;}
.growmap img{display:block;width:100%;}
.growmap .img1{display:block;}
.growmap .img2{display:none;}
.growmap .img3{display:none;}

.growprocess{position:relative;min-width:1px;padding:0 20px 30px;background:white;}
.growprocess:after{content:"";display:block;clear:both;}
.growprocess h1{padding:30px 0 0;font-size:17px;color:black;font-weight:bold;}
.growprocess .note1{float:left;padding:9px 0 39px;font-size:12px;color:#666;font-weight:bold;}
.growprocess .note2{float:right;padding:9px 0 39px;font-size:12px;color:#666;font-weight:bold;}
.growprocess img{display:block;clear:both;width:100%;margin:0 0 29px;}
.growprocess .img1{display:block;}
.growprocess .img2{display:none;}
.growprocess .img3{display:none;}
.growprocess ul{width:100%;}
.growprocess ul:after{content:"";display:block;clear:both;}
.growprocess ul li{float:left;width:50%;}
.growprocess ul li span{display:block;padding:0 0 5px 10px;font-size:12px;color:#666;line-height:18px;background:url(/images/company/dot1.gif) 0 7px no-repeat;}
.growprocess ul li span.tit{color:black;}
.growprocess ul li span.txt{padding:0 0 5px 18px;background:url(/images/company/line3.gif) 10px 7px no-repeat;}
.growprocess ul li.right span{margin:0 0 0 20px;}
.growprocess ul.single li{clear:both;}
.growprocess .list1{padding:0 0 27px;}
.growprocess .list2{padding:0 0 17px;}

.item4th{position:relative;min-width:1px;margin:0 0 30px;padding:15px;background:white;}
.item4th:after{content:"";display:block;clear:both;}
.item4th img{display:block;width:100%;}
.item4th .textArea{padding:30px 0 0;}
.item4th h1{padding:0 0 19px;font-size:18px;color:#005696;}
.item4th p{margin:0 0 15px;padding:0 0 21px;font-size:15px;color:#333;background:url(/images/company/line1.gif) 0 bottom no-repeat;}
.item4th ul{}
.item4th ul li{padding:0 0 0 7px;font-size:12px;color:#666;line-height:22px;background:url(/images/company/dot1.gif) 0 9px no-repeat;}

.ethics_tab{margin-bottom: 60px;}
.ethics_tab:after{content:"";display:block;clear:both;}
.ethics_tab li{float:left;width:100%;}
.ethics_tab li a{display:block;position:relative;min-width:1px;height:60px;text-align:center;font-size:18px;color:#999;line-height:56px;font-weight:bold;background:white url(/images/company/tab1.gif) 0 bottom repeat-x;}
.ethics_tab li a img{display:none;position:absolute;top:100%;left:50%;margin:0 0 0 -8px;}
.ethics_tab li a:hover{text-decoration:none;}
.ethics_tab li.tab1 a{border-right:1px solid #efefef;}
.ethics_tab li.tab2 a{border-left:1px solid #efefef;}
.ethics_tab li.active a{color:#333;background:white url(/images/company/tab2.gif) 0 bottom repeat-x;}
.ethics_tab li.active a img{display:block;}

.ethics_charter{position:relative;}
.ethics_charter h1{width:10px;margin:0 0 17px;padding:31px 0 18px;white-space:nowrap;font-size:22px;color:#005696;border-bottom:1px solid #005696;}
.ethics_charter .block1{display:block;}
.ethics_charter .block2{display:inline;}
.ethics_charter p{color:#333;}
.ethics_charter ul li{}

.ethics_menu{position:relative;min-width:1px;margin:0 0 20px;padding:0 20px 24px;background:white;}
.ethics_menu h1{width:10px;margin:0 0 17px;padding:31px 0 18px;white-space:nowrap;font-size:22px;color:#005696;border-bottom:1px solid #005696;}
.ethics_menu ul{position:relative;width:100%;}
.ethics_menu ul:after{content:"";display:block;clear:both;}
.ethics_menu ul li{float:left;clear:both;width:100%;}
.ethics_menu ul li a{display:block;font-size:13px;color:#666;line-height:22px;}
.ethics_menu ul li a:hover{text-decoration:none;}

.ethics_info{padding:0 20px 24px;font-size:13px;color:#666;line-height:22px;background:white;}
.ethics_info h1{padding:48px 0 30px;text-align:center;font-size:40px;color:black;line-height:44px;font-weight:bold;}
.ethics_info h2{padding:50px 0 10px;font-size:14px;color:black;font-weight:bold;}
.ethics_info strong{display:block;padding:11px 0 13px;font-size:14px;color:black;font-weight:bold;}

.tableBlock1{display:block;padding:5px 0 4px;line-height:18px;}

@media all and (min-width: 580px) {
.ethics_menu ul li{width:50%;}
.ethics_menu ul li.menu6{position:absolute;top:0;left:50%;}
.ethics_menu ul li.menu7{position:absolute;top:22px;left:50%;}
.ethics_menu ul li.menu8{position:absolute;top:44px;left:50%;}
.ethics_menu ul li.menu9{position:absolute;top:66px;left:50%;}
.ethics_menu ul li.menu10{position:absolute;top:88px;left:50%;}
}

@media all and (max-width: 718px) {
.progress div dl dt{position:absolute;top:29px;left:50px;}
.progress div dl dd{margin:0 auto;}

.ethics_link li{width:50%;}
.ethics_link li.link1,
.ethics_link li.link2{padding:0;}
.ethics_link li.link1 a{margin:0 10px 0 0;}
.ethics_link li.link2 a{margin:0 0 0 10px;}
}

@media all and (min-width: 768px) {
.ethics_operate{padding:0 30px 30px;}
.ethics_operate h5{padding:30px 0 12px;}
.ethics_operate .img1{display:none;}
.ethics_operate .img2{display:block;}
.ethics_operate .img3{display:none;}

.progress{padding:0 30px 25px;}
.progress div{float:left;}
.progress div h5{padding:0 0 18px;}
.progress div dl{padding:0;}
.progress div dl dt{position:static;height:31px;margin:0 0 16px;padding:0 0 0 10px;font-size:12px;line-height:32px;background:black;}
.progress div dl dd{margin:0;padding:0 0 0 8px;font-size:18px;color:#666;line-height:24px;background:url(/images/company/dot1.gif) 0 9px no-repeat;}
.progress .dl1{width:33%;margin:93px 0 0;}
.progress .dl2{width:34%;margin:62px 0 0;}
.progress .dl3{width:33%;margin:31px 0 0;}
.progress .dl1 dl{margin:0 12px 0 0;background:none;}
.progress .dl1 dl dt{background:#99bbd5 url(/images/company/progress_bg4.gif) right 0 no-repeat;}
.progress .dl2 h5{margin:0 0 0 11px;}
.progress .dl2 dl{margin:0 11px;background:none;}
.progress .dl2 dl dt{background:#6a9cc1 url(/images/company/progress_bg5.gif) right 0 no-repeat;}
.progress .dl3 h5{margin:0 0 0 12px;}
.progress .dl3 dl{margin:0 0 0 12px;padding:0;background:none;}
.progress .dl3 dl dt{background:#2b72a8 url(/images/company/progress_bg6.gif) right 0 no-repeat;}

.managesystem{padding:45px 30px 29px;}
.managesystem .img1{display:none;}
.managesystem .img2{display:block;margin:0 auto;}
.managesystem div{display:block;position:absolute;left:50%;}
.managesystem .manage1{top:31px;margin:0 0 0 107px;}
.managesystem .manage2{top:361px;margin:0 0 0 -359px;}
.managesystem .manage3{top:365px;margin:0 0 0 265px;}

.ethics_link li a{height:79px;line-height:80px; font-size: 18px;}

.growmap{padding:0 30px 50px;}
.growmap h1{padding:30px 0 27px;}
.growmap .img1{display:none;}
.growmap .img2{display:block;}
.growmap .img3{display:none;}

.growprocess{padding:0 30px 21px;}
.growprocess h1{padding:30px 0 0;}
.growprocess .img1{display:none;}
.growprocess .img2{display:block;}
.growprocess .img3{display:none;}
.growprocess ul li.right span{margin:0 0 0 30px;}

.item4th{margin:0 0 20px;padding:0;}
.item4th img{float:right;width:50%;}
.item4th .textArea{position:absolute;top:50%;left:0;width:50%;margin:-86px 0 0;padding:0;}
.item4th h1{margin-left:30px;padding:0 0 16px;font-size:35px;}
.item4th p{margin:0 0 10px;margin-left:30px;padding:19px 0 0;font-size:20px;background:url(/images/company/line2.gif) 0 top no-repeat;}
.item4th ul{margin-left:30px;}
.item4th ul li{padding:0 0 0 10px;font-size:13px;line-height:24px;}
.item4th.type2 img{float:left;}
.item4th.type2 .textArea{left:50%;}

.ethics_charter{}
.ethics_charter .block1{display:inline;}
.ethics_charter .block2{display:block;}

.ethics_menu{padding:0 30px 24px;}

.ethics_info{padding:0 30px 24px;}



}
@media all and (min-width: 900px) {
.managesystem .manage2{margin:0 0 0 -409px;}
.managesystem .manage3{margin:0 0 0 276px;}
}

@media all and (min-width: 980px) {
.ethics_operate .img1{display:none;}
.ethics_operate .img2{display:none;}
.ethics_operate .img3{display:block;}

.progress{padding:0 30px 23px;}
.progress div h5{font-size:22px;}
.progress div dl dt{height:43px;font-size:15px;line-height:44px;}
.progress div dl dd{/* font-size:13px; */line-height:24px;}
.progress .dl1{margin:109px 0 0;}
.progress .dl2{margin:71px 0 0;}
.progress .dl3{margin:33px 0 0;}
.progress .dl1 dl{margin:0 17px 0 0;}
.progress .dl1 dl dt{background:#94b8d3 url(/images/company/progress_bg7.gif) right 0 no-repeat;}
.progress .dl2 dl{margin:0 15px;}
.progress .dl2 dl dt{background:#5f95bd url(/images/company/progress_bg8.gif) right 0 no-repeat;}
.progress .dl3 dl{margin:0 0 0 17px;}
.progress .dl3 dl dt{background:#1f6ba3 url(/images/company/progress_bg9.gif) right 0 no-repeat;}

.managesystem{padding:59px 30px 50px;}
.managesystem .manage1{top:45px;}
.managesystem .manage2{top:375px;}
.managesystem .manage3{top:379px;}

.ethics_link li a{height:90px;line-height:91px; font-size: 20px;}

.growmap h1{padding:24px 0 28px;font-size:22px;}
.growmap .img1{display:none;}
.growmap .img2{display:none;}
.growmap .img3{display:block;}

.growprocess h1{padding:24px 0 0;font-size:22px;}
.growprocess .img1{display:none;}
.growprocess .img2{display:none;}
.growprocess .img3{display:block;}

.item4th{margin:0 0 17px;}
.item4th h3{margin-left:71px;}
.item4th p{margin-left:71px;}
.item4th ul{margin-left:71px;}

.ethics_tab{}

.tableBlock1{display:inline;padding:0;line-height:27px;}
}
@media all and (min-width: 1120px) {
.Block3{display:block;}
}

/* 201903 추가 */
.pr_notice {width:100%; height:150px; background:url("/asset/www/images/content/pr/pr_symbol01.png") no-repeat 0 0; margin-bottom:30px;}
.pr_note {width:100%; height:150px; background:url("/asset/www/images/content/pr/pr_symbol02.png") no-repeat 0 0;}
.pr .InnerList { padding:20px 0 15px 180px;}
.pr .InnerList li { padding:0 0 5px 10px; line-height:24px; font-size:13px; background:url("/asset/www/images/content/study/ico01.png") no-repeat left 8px;}
.pr_subDesc {width:100%; display:block; font-size:14px; padding: 15px 0; text-align:center; background: #ebebeb}

.privacy_box {width:100%; height:auto; margin:20px 0; width: 100%; background-color: #ebebeb; font-size:13px;}
.privacy_box > div {padding:20px 30px;}
.privacy_list{padding-bottom:20px;border-bottom:1px dotted #b2b2b2}
.privacy_list.last{margin-bottom:0; padding-bottom:0; border-bottom:0 dotted #b2b2b2}
.privacy_list h2{margin: 0 0 20px 0;padding: 20px 0;background: url(/asset/www/images/ico/ico_bar01.png) no-repeat left bottom;font-size: 22px;color: #005696;color: #005696;height: auto;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.privacy_list_ico{width:100%; padding:5px 0;}
.privacy_list_ico > p{line-height:25px; color:#141414; padding-left:12px; position:relative; word-break:keep-all;}
.privacy_list_ico > p:before{display:inline-block; content:""; vertical-align:middle; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#666; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px;}



@media all and (max-width: 580px) {
	.pr_notice {width:100%; height:auto; background:url("/asset/www/images/content/pr/pr_symbol01.png") no-repeat center 0; margin-bottom:10px;}
	.pr .InnerList { padding:180px 0 15px 0; width:100%}
	.pr_note {width:100%; height:auto; background:url("/asset/www/images/content/pr/pr_symbol02.png") no-repeat center 0;}
}


	/* 탭 */
	#tab {position: relative; padding: 50px 0; text-align: center; }
	#tab > li {display: inline-block; width: 30%; box-sizing: border-box; max-width: 300px; margin-left: -6px;}
	#tab > li:first-child {margin-left:0;}
	#tab > li.right {float:right;}
	#tab > li a {display: block; color: #222; font-size: 1em; font-weight: 300; padding: 0.8rem 0.2rem; line-height: 1.4em; border: 1px solid #d1d1d1; background-color: #fff; text-decoration:none;}
	#tab > li.on a {color: #005696; font-weight: 500; position: relative;}
	#tab > li.on a:after {content: ''; display: block; width: 100%; height: 3px; background-color: #005696; border-radius: 0%; position: absolute; top: -1px; left: 0%; transform: translateX(-0%);}
	#tab_contents {padding:10px 0;}
	#tab_contents > li {display:none}
	#tab_contents > li:first-child {display:block;}


	/*Float system*/
	.fl_left {float:left}
	.fl_right {float:right}
	.fl_clear {clear:both; height:0; font-size:0; line-height:0}
	.t_c {text-align:center;}

.item4th .textArea h3{ color:#014d8f;font-weight: bold;font-size:24px;line-height: 50px;}
.item4th ul li { font-size: 16px;line-height: 26px;}

@media all and (max-width: 1024px) {
	.Principles {padding-left: 18%; }
}

@media all and (max-width: 980px) {
	.item4th h3 {margin-left: 30px;}
}

@media all and (max-width: 820px) {
	.Principles .name img {display:none;}
	.Principles .name .txt {font-size: 20px; }

	.item4th h3 {margin-left: 0px;}
}


@media all and (max-width: 425px) {
	.Principles { margin: 30px auto 0;width: 90%;}
	.Principles .name {padding: 0px 0 45px;}
	.Principles .name .num {font-size:19px; padding: 0 0 10px;}
	.Principles .name .txt { font-size:14px;margin: 0px 0px 0px 0px; line-height: 1.4;font-weight: normal;}
	.Principles .name .txts {font-size:12px !important;}

	.PRIDE {margin:0px auto 20px;padding: 0px;width: 90%;}
	.PRIDE .txt1 h2 {margin:20px 0 0 0;}
	.PRIDE .txt2 ul {font-weight: normal;font-size:18px;margin:20px 0 0 0; line-height: 1.5;text-align: left;}
	.PRIDE .txt2 ul ul{font-size:13px;}

	.item4th .textArea h3{ color:#014d8f;font-weight: bold;font-size:24px;line-height: 50px;}
	.item4th p {margin: 0 0 15px;padding: 0 0 0px;font-size: 13px;background: none;line-height: 1.4;}
	.item4th ul li { font-size: 13px;line-height: 20px;}
}

/* 서브개편 2023 추가 - s */
/* text */
.txt16{font-size: 16px; color: #555; line-height: 22px !important;}
.txt18{font-size: 18px; line-height: 26px;}
.txt20{font-size: 20px; line-height: 28px;}
.txt22{font-size: 22px; line-height: 30px; font-weight: 700;color: #333;}
.txt26{font-size: 26px; line-height: 34px; font-weight: 700; color: #333;}
.txt30{font-size: 30px; line-height: 38px; font-weight: 700; color: #333;}
.txt60{font-size: 60px; line-height: 68px; font-weight: 700; color: #333;}
/* 회사개요 - s */
.CompanyInfo,
.CompanyInfo02 {position:relative; background:#f6fbff; padding:80px 0;}
.CompanyInfo02 {background:#f9f9f9;}
.overview-con-img{background: url("/asset/www/images/company/img_company.jpg") no-repeat 20px 60% / cover;}
.overview-compe{margin-top: 325px;}
.overview-compe h4{
	display: flex; justify-content: center; align-items: center;
	width: 650px; height: 650px;
	margin: 0 auto;
	color: #fff; font-weight: 600; font-size: 40px;
	background: url("/asset/www/images/company/outline_bg_img.png") no-repeat center / 100%;
}
.overview-compe ul li{display: flex; justify-content: space-between; align-items: center; width: 600px; position: absolute;}
.overview-compe ul li:nth-child(1){left: 50%; top: 0; transform: translate(-130px, -50%);}
.overview-compe ul li:nth-child(2){left: 0; bottom: 0;}
.overview-compe ul li:nth-child(3){right: 0; bottom: 0;}
.overview-compe h5:before{content: ""; display: block; width: 60px; height: 60px; margin: 30px 0 20px;}
.overview-compe ul li:nth-child(1) h5:before{background: url("/asset/www/images/company/outline_icon1.png") no-repeat center / 100%;}
.overview-compe ul li:nth-child(2) h5:before{background: url("/asset/www/images/company/outline_icon3.png") no-repeat center / 100%; margin-top:10px;}
.overview-compe ul li:nth-child(3) h5:before{background: url("/asset/www/images/company/outline_icon2.png") no-repeat center / 100%; margin-top:10px;}
.overview-compe ul li h5{
	display: flex; align-items: center; flex-direction: column;
	width: 250px; height: 250px;
	padding: 20px; border: 2px solid #2838b0; border-radius: 50%;
	color: #2838b0; font-weight: 600; text-align: center;
	background-color: #fff;
}
.overview-compe ul li p{width: 320px; font-weight: 500; color: #333;}
.overview-compe ul li p.order{text-align: right;}
.overview-info-box div span:first-child {display: block;margin: 30px 0;text-align: center;}
.data-rate > div{width: calc(100% / 5); padding: 40px 28px;text-align: center;}
.data-rate div em{font-size: 45px; color: #000000; font-weight: 600;}
.data-rate div span:nth-child(3){color: #555; font-weight: 600;}
.data-rate div.Company {display: flex; flex-direction: column; justify-content: center; background:url("/asset/www/images/content/outline_bg.png") no-repeat center / cover; height: auto; border-radius:20px; color:#fff;}
.data-rate div.Company:before {content:''; display: block; width:69px; height:64px; margin: 0  auto 20px; background:url("/asset/www/images/content/outline_con.png") no-repeat; }
.data-rate div.Company .tit01 {margin-bottom: 5px; font-size:24px; font-weight:700;}
.data-rate div.Company .tit02 {color:#b8c0ff; margin-bottom:20px; line-height: 18px;}
.data-rate div.Company .tit03 span {display:inline-block; position:relative; padding-right:10px; margin:0 10px 0 0;}
.data-rate div.Company .tit03 span:before {content:''; position:absolute; right:0; top:6px; width:1px; height:10px; background:#fff;}

.overview-info-box div:nth-child(2) .icon:first-child:before{width: 107px; background-position:left top;}
.overview-info-box div:nth-child(3) .icon:first-child:before{width: 130px; background-position: -110px 0;}
.overview-info-box div:nth-child(4) .icon:first-child:before{width: 108px; background-position: -348px 0;}
.overview-info-box div:nth-child(5) .icon:first-child:before{width: 108px; background-position: -2px -103px;}
.overview-info-box.flex {justify-content:normal;}

.ArticleWrap.Divide3 .Article {width: calc(100% / 3 - 20px); text-align: center;border: 1px solid #d1d1d1; padding: 30px; box-sizing: border-box; position:relative; transition: all .5s;}
.ArticleWrap.Divide3 .Article figure{height: 270px;}
/* .ArticleWrap.Divide3 .Article:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .50);} */
.Article.Type3 h5{width: 100%; text-align: center;}

/* 추가된 소스: 지도 부모 영역 */
.place-map {
    width: 100%;
}

/* 추가된 소스: 비율 유지 (16:9 느낌) */
.place-map .map-box {
    position: relative;
    width: 100%;
    padding-bottom: 28%; /* 높이 비율 (400/1440 ≈ 28%) */
}
.root_daum_roughmap .wrap_map{height: 400px !important;}
.map-box .root_daum_roughmap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/* 회사개요  - e */

/* ceo - s */
.ceo .desc p:last-child{margin-bottom: 5rem;}
.ceo > div{
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 150px; gap:180px;
}
.ceo > div .ceo_img:before{
	font-size: 22px; font-weight: 600; color: #111;
	position: absolute; left: 30px; top: 30px;
}
/* .ceo > div:first-child .ceo_img:before{content: "CEO 장경호";}
.ceo > div:last-child .ceo_img:before{content: "CEO 김경훈";} */
.ceo .ceo_img{
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.ceo .ceo_img img{
	display: block;
	width: 100%;
	background-color: #f7f7f7;
}
.ceo .ceo_img:after{content: "";
	display: block;
	width: 100%; height: 100%;
	border: 20px solid #005696; box-sizing: border-box;
	position: absolute; right: -35px; top: 35px; z-index: -1;
}
.ceo .ceo_tit{color: #1067c4;font-weight: 600;font-size: 24px;}
.ceo > div div{width: 650px;}
.ceo > div div p:not(:last-child){margin-bottom: 25px;}
.ceo > div div p.mb{margin-bottom: 50px;}
.ceo .ceo-name{font-weight: 600; color: #111; font-size: 24px;}
/* ceo - e */
/* 신 가치체계 - s */
.value-con-img {background: url("/asset/www/images/content/img_value.jpg") no-repeat center center / cover;}
.pride{display: none;}
/* 경영철학 */
.value-Phil img {
    display: block;
    margin: 0 auto 50px;
}
/* 핵심가치 */
.value-pride img {
    display: block;
    width: 35%;
    margin: 0 auto 50px;
}
.PRIDE > div {
    width: 868px; height: 130px;
    margin: 0 auto 30px;
}
.PRIDE .vision02_1 {background: url("/asset/www/images/content/vision02_1.svg") no-repeat center center / 100%}
.PRIDE .vision02_2 {background: url("/asset/www/images/content/vision02_2.svg") no-repeat center center / 100%}
.PRIDE .vision02_3 {background: url("/asset/www/images/content/vision02_3.svg") no-repeat center center / 100%}
.PRIDE .vision02_4 {background: url("/asset/www/images/content/vision02_4.svg") no-repeat center center / 100%}
.PRIDE .vision02_5 {background: url("/asset/www/images/content/vision02_5.svg") no-repeat center center / 100%}
.PRIDE .visionICON1, .visionICON2, .visionICON3, .visionICON4, .visionICON5 {display: none;}
.PRIDE .txt1 {
    display: inline-block;
    float: left;
    width: 20%;
    font-weight: bold; text-align: center;
    position: relative; left: 164px;
    overflow: hidden;
}
.PRIDE .txt1 h5 {
    margin: 34px 0 10px 0;
    font-size: 20px; text-transform: uppercase;
}
.PRIDE .txt1 h5 > span {font-size: 26px;}
.PRIDE .txt2 {
    display: inline-block;
    float: left;
    font-weight: bold; text-align: left;
    position: relative; left: 25%;
    overflow: hidden;
    word-break: keep-all; word-wrap: break-word;
}
.PRIDE .txt2 ul {
    margin: 25px 0 0 0;
    font-size: 22px; font-weight: bold;
}
.PRIDE .txt2 ul ul {
    margin: 10px 0 0 0;
    font-size: 18px; line-height: 26px; font-weight: 400; color: #555;
}
.txt2_b {color:#353638 !important; }
.txt2_1 {color:#014d8f !important; }
.txt2_2 {color:#d5812a !important; }
.txt2_3 {color:#e04d2b !important; }
.txt2_4 {color:#6ba517 !important; }
.txt2_5 {color:#37a6c4 !important; }
/* 경영원칙 */
.value-prin div {display: flex; justify-content: space-between;}
.value-prin div::before {content: "";
    display: block;
    width: calc(100% / 2 - 75px); height: auto;
    background: url("/asset/www/images/content/prin_img.jpg") no-repeat center / cover;
}
.value-prin ul {width: calc(100% / 2 - 20px);}
.value-prin li:not(:last-child) {margin-bottom: 25px;}
.value-prin li:before {margin-right: 15px; font-weight: 600;}
.value-prin li:nth-child(1)::before {content: "01";}
.value-prin li:nth-child(2)::before {content: "02";}
.value-prin li:nth-child(3)::before {content: "03";}
.value-prin li:nth-child(4)::before {content: "04";}
.value-prin li:nth-child(5)::before {content: "05";}
.value-prin span {color: #1526a9; font-weight: 600;}
/* 신 가치체계 - e */
/* 연혁 - s */
.performance .performance-nav{
	display: flex; justify-content: center;
	width: auto;
	margin: 0 auto 80px;
	border-bottom: 1px solid #ddd;
	font-weight: 600;
	background-color: #fff;
	position: sticky; top: 120px; z-index: 1;
}
.performance .performance-nav li{padding: 10px 30px; text-align: center; cursor: pointer;}
.performance .performance-nav li::before{display: none;}
.performance .performance-nav li.on{
	border-left: 0; background-color: #1067c4; color: #fff;
}
.performance .performance-nav li a{display: block; width: 100%; height: 100%;}
.performance .history > div:not(:first-child){width: 100%;}
.history h4{
	margin-bottom: 30px;
	text-align: center; color: #1067c4; font-weight: 600; font-size: 40px; line-height: 38px;
}
.history-swiper-box{
	margin-bottom: 50px;
	position: sticky; top: 285px;
}
.history-box > div{
	padding: 50px;
	color: #333;
	background-color: rgba(255, 255, 255, .9);
}
.history-box-txt > span{
	display: block;
	margin-bottom: 5px;
	color: #1067c4; font-weight: 600;
}
.history-box-txt > div p:not(last-chid){margin-bottom: 20px;}
.history-box-txt{width: 50%}
.history-box-list{width: calc(50% - 120px);}
.history-box-list{display:flex;flex-direction:column;justify-content: space-between;position:relative;padding-left:50px}
.history-box-list::before{position:absolute;content:'';left:0;top:20px;width:1px;height:94%;background:#1067c4;}
.history-box-txt > p{margin-bottom: 30px; font-weight: 800;}
.history-box-list > li{display: flex;position:relative;}
.history-box-list > li::before{position:absolute;content:'';left:-57px;top:10px;width:16px;height:16px;background: #1067c4;border-radius:50%;}
.history-box-list > li ul{margin-left: 50px; margin-top: 7px;}
.history-box-list > li ul li{font-weight: 500;}
.history-box-list > li ul li:not(last-child){margin-bottom: 10px;}
.his_inner{margin:0 auto}
.history-box-txt img{width:100%;height:300px;border-radius:20px;object-fit: cover;margin-bottom:20px}
/* 연혁 - e */
/* ci - s */
.ci-ci-box{
    display: flex; flex-wrap: wrap; justify-content: space-between;
    margin-bottom: 20px;
}
.ci-img{
    display: flex; justify-content: center; align-items: center;
    margin-bottom: 20px; border: 1px solid #ddd; border-top: 2px solid #999;
    background-image: url("/asset/www/images/company/ci_bg.jpg");
}
.ci-ci-box div:first-child{
    width: 100%;
    padding: 75px 0;
}
.ci-ci-box div:nth-child(1) ~ div{
    width: calc(100% / 2 - 10px);
    padding: 50px 0;
}
.ci-ci-box div:nth-child(1) img{width: 30%;}
.ci-ci-box div:nth-child(2) img,
.ci-ci-box div:nth-child(3) img,
.ci-ci-box div:nth-child(4) img,
.ci-ci-box div:nth-child(5) img{width: 40%;}
.ci-ci a{
    display: flex; align-items: center; justify-content: space-between;
    float: right;
    width: 180px; height: 50px;
    padding: 0 30px; border-radius: 25px; border: 1px solid #bbb; margin-bottom: 50px;
    color: #333;
}
.ci-ci a:hover{
    border: 1px solid #1067c4;
    color: #fff;
    background-color: #1067c4;
}
.ci-ci a:hover span{font-weight: 300; color: #fff;}
.ci-ci ul{clear: both;}
.ci-ci ul li:not(:last-child){margin-bottom: 30px;}
.ci-color > p strong, .ci-slogan strong{
    display: block;
    padding-left: 15px; margin-bottom: 10px;
}
.ci-color p, .ci-slogan p:nth-child(2){margin-bottom: 50px;}
.ci-color dl{display: flex; flex-wrap: wrap;}
.ci-color > dl dd:not(:nth-child(5n)){margin-right: 20px;}
.ci-color > dl{margin-bottom: 30px;}
.ci-color dl dt{
    width: 100%;
    margin-bottom: 15px;
}
.ci-color dl dd::before{content: "PANTONE";
    margin-right: 20px;
    font-weight: 500;
}
.ci-color dl:nth-child(3) dd::before{
    display: block;
    margin-bottom: 10px;
}
.ci-color dl dd{
    width: calc(100% / 4 - 15px);
    padding: 15px 25px; margin-bottom: 20px;
    color: #fff;
}
.ci-color dl:nth-child(3) dd{
    padding: 30px 25px;
    background-color: #005696;
}
.ci-color dl:nth-child(4) dd:nth-child(2){background-color: #818286;}
.ci-color dl:nth-child(4) dd:nth-child(3){background-color: #A8A9AD;}
.ci-color dl:nth-child(4) dd:nth-child(4){background-color: #9385C0;}
.ci-color dl:nth-child(4) dd:nth-child(5){background-color: #77A22F;}
.ci-color dl:nth-child(4) dd:nth-child(6){background-color: #C49F06;}
.ci-color-box{display: flex;}
.ci-color-box dl{
    width: calc(100% / 4 - 15px);
    margin-right: 20px;
}
.ci-color-box dl:nth-child(1) dd{background-color: #85898C;}
.ci-color-box dl:nth-child(2) dd{background-color: #8D744B;}
.ci-color-box dl dd{width: 100%;}
.ci-bi-box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.ci-bi-box div{width: calc(100% / 4 - 15px);}
.ci-bi-box div img{width: 100%;}
.ci-bi-box div:nth-child(-n+4){padding: 70px 0; border: 1px solid #ddd; margin-bottom: 20px;}
.ci-slogan div{margin-bottom: 50px;}
.ci-slogan .ci-img img{width: 80%;}
.ci-slogan p:nth-child(3){margin-bottom: 30px;}
.ci-slogan ul li:not(:last-child){margin-bottom: 5px;}
.ci-slogan ul li span{
    margin-right: 20px;
    font-weight: 700; color: #333;
}
/* ci - e */
/* 국내사업장, 해외사업장 - s */
.domestic-swiper{
    display: flex; justify-content: space-between;
    width: 100%; height: 550px;
}
.domestic-swiper .mySwiper2{
    width: calc(100% - 260px);
    border-radius: 20px;
}
.domestic-swiper .mySwiper2 .swiper-slide{position: relative;}
.domestic-swiper .mySwiper2 .swiper-slide p{
	display: flex; align-items: center;
    width: 100%; height: auto;
    padding: 15px 150px 15px 25px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    position: absolute; left: 0; bottom: 0;
}
.domestic .swiper-pagination{
    padding-right: 30px;
    font-size: 14px; color: #fff; line-height: 34px; text-align: right;
}
.domestic .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.domestic .mySwiper .swiper-wrapper{
    display: block;
    width: 220px; height: 100%;
}
.domestic .mySwiper .swiper-wrapper > div{
    width: 100% !important; height: 130px;
    border-radius: 10px;
    overflow: hidden; cursor: pointer;
}
.domestic .mySwiper .swiper-wrapper > div:not(:last-child){margin-bottom: 10px;}
.domestic-swiper .mySwiper .swiper-button-prev, .domestic-swiper .mySwiper .swiper-rtl .swiper-button-next, .domestic-swiper .mySwiper .swiper-button-next, .domestic-swiper .mySwiper .swiper-rtl .swiper-button-prev{
    width: 50% !important; height: 50px !important;
    border-radius: 0; border: 0;
    background-color: rgba(0, 0, 0, .5);
    top: calc(100% - 28px);
}
.domestic-swiper .mySwiper .swiper-button-prev, .domestic-swiper .mySwiper .swiper-rtl .swiper-button-prev{
    border-right: 1px solid rgba(255, 255, 255, .4); border-radius: 0 0 0 10px;
    left: 0 !important;
}
.domestic-swiper .mySwiper .swiper-rtl .swiper-button-next, .domestic-swiper .mySwiper .swiper-button-next{
    border-left: 1px solid rgba(255, 255, 255, .4); border-radius: 0 0 10px 0;
    right: 0 !important;
}
.place h4{padding-left: 10px;}
.place-map{
    width: 100%;
    height: 400px;
    margin-bottom: 50px;
    border-radius: 20px;
    /* border: 1px solid #c7c7c7; */
    overflow: hidden;
}
.place-map iframe {width:100%; height: 400px;}
.place-list { border-top: 2px solid #000;padding-top: 40px;}
.place-list address{
    display: flex;
    padding-left: 10px; margin-bottom: 20px;
    color: #555; font-weight: 400;
}
.place-list address > div {position:relative;}
.place-list address > div:before {content:'';position:absolute;right: 12px;top: 10px;width:2px;height: 15px;background: #c9c9c9;}
.place-list address > div:first-child{width: 180px;font-style: normal;}
.place-list address > div:last-child{width: calc(100% - 200px);}
.place-list address > div strong{color: #333;}
.place-list address .material-symbols-rounded{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background: #ecf4f9;
    border-radius: 50px;
    text-align: center;
    /* background: #000; */
    vertical-align: middle;
    font-style: normal;
    line-height: 30px;
    margin: 0 5px;
}
.place-list address p{
    width: calc(100% - 200px);
    margin-top: 4px;
    font-style: normal;
}
.place-list .china{font-family: 'Chinese-Regular';}
/* 국내사업장, 해외사업장 - e */
/* Sales Network - s */
.sales-box{flex-wrap: wrap; justify-content: flex-start;}
.sales-box li{
    width: calc(100% / 3 - 20px);
    padding: 30px 40px;
    border-radius: 20px;
    border: 1px;
    margin-bottom: 30px;
    border-top: 3px solid #1067c4;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.sales-box li:not(:nth-child(3n)){margin-right: 30px;}
.sales-box li h5{
	padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
    text-align: center;
    color: #a5a5a5;
    font-weight: 300;
}
.sales-box li h5 span{
    display: block;
    margin-bottom: 5px;
}
.sales-box address{display: flex; align-items: center;}
.sales-box address:not(:last-child){margin-bottom: 5px;}
.sales-box address div{width: 100px;}
.sales-box address span{
	width: 30px; height: 27px;
    color: #0b4bc1;
    vertical-align: middle;
}
.sales-box address strong{color: #333; font-weight: 600;}
/* Sales Network - e */
/* 사업분야 - s */
.ContentTitle.Business{margin-bottom: 80px;}
.business li{display: flex;}
.business li:nth-child(2n){justify-content: end;}
.business li > div:first-child{width: 50%;}
.business li > div:last-child{width: calc(1440px / 2);}
.business li > div div, .business li > div dl{padding: 0 100px 0 35px;}
.business li > div div{border-bottom: 2px solid #005696; margin-bottom: 30px;}
.business li > div div .SubContentTitle{
    margin-bottom: 10px;
    text-align: left;
}
.business li > div div .SubContentTitle a:hover{color: #000;}
.business li > div div p{
    margin-bottom: 20px;
    font-weight: 500;
}
.business li > div dl dt{margin-bottom: 15px;}
.business li > div dl dt a:hover{color: #1067c4;}
.business li > div dl dd{
    padding: 5px 0; margin-bottom: 5px; border-radius: 5px;
    text-indent: 15px;
}
.business li dd a{display: flex; justify-content: space-between; align-items: center;}
.business li > div dl dd span{margin-right: 50px; transition: all .3s;}
.business li > div dl dd:hover{background-color: #DEEDF9;}
.business li > div dl dd:hover span{margin-right: 8px;}
.business li:nth-child(2n+1) > div div, .business li:nth-child(2n+1) > div dl{padding: 0 35px 0 100px;}
.business li:nth-child(2n+1) > div div h4{text-align: right;}
.business li:nth-child(2n+1) > div div p{text-align: right;}
.business .bs-img img {width:100%;}
/* 사업분야 - e */

/* 소재사업 공통 - s */
.tabNavigation.noTab{margin-bottom: 0;}
.tabNavigation.noTab a{padding: 0;}
.tabNavigation.noTab li.on a{color: #1067c4; background-color: #fff;}
.business-supply .flex{
	flex-wrap: wrap; align-items: flex-start;
	margin-bottom: 25px;
}
.business-supply .flex > div{width: calc(100% / 3 - 15px);}
.business-supply h5{
	display: flex; align-items: center;
    margin-bottom: 10px;
    text-align: left; font-weight: 700; color: #333;
}.business-supply h5::before{
    content: "▶";
    margin-right: 7px;
    font-size: 14px; color: #FFB800;
}
.business-supply h5 span{
    margin-right: 10px;
    color: #FFB800;
}
.business-supply ul{flex-wrap: wrap; align-items: flex-start;}
.business-supply ul li{
    width: calc(100% / 3 - 6px);
    text-align: left; line-height: 20px;
}
.business-supply ul li:nth-child(-n + 3){margin-bottom: 20px;}
.business-supply img{width: 100%;}
/* 소재사업 공통 - e */
/* OLED소재 사업 - s */
.oled-con-img {background: url("/asset/www/images/content/img_oled_visual.jpg") no-repeat center center / cover;}
/* OLED소재 사업 - e */
/* 회로소재 사업 - s */
.circuit-con-img {background: url("/asset/www/images/content/img_circuit.jpg") no-repeat center center / cover;}
/* 회로소재 사업 - e */
/* 반도체소재 사업 - s */
.semi-con-img {background: url("/asset/www/images/content/img_semi_visual.jpg") no-repeat center center / cover;}
/* 반도체소재 사업 - e */
/* innobm 사업 - s */
.innobm-con-img {background: url("/asset/www/images/content/img_innobm_visual_1.jpg") no-repeat center center / cover;}
/* innobm 사업 - s */


/* 연구소 소개 - s */
.research-con-img{background: url("/asset/www/images/content/img_research.jpg") no-repeat center center / cover;}
.research-strategy .flex li{
    display: flex; align-items: center; justify-content: center;
    padding: 50px; border-radius: 20px;
    text-align: center;
}
.research-strategy .arrow1 .flex li{
    width: calc(100% / 4 - 15px);
    border: 2px solid #DEEDF9;
}
.research-strategy .arrow2{margin-bottom: 30px;}
.research-strategy .arrow2 .stick-tit{
    color: #fff;
    background-color: #005696;
}
.research-strategy ul li:last-child .flex{position: relative;}
.research-strategy ul:last-child .flex::after{content: "";
    display: block;
    width: 80%; height: 2px;
    background-color: #005696;
    position: absolute; left: 10%; top: 50%; transform: translate(0 , -50%); z-index: -1;
}
.research-strategy ul li:last-child .flex li{
    width: calc(100% / 5 - 16px);
    border: 2px solid #005696;
    background-color: #fff;
}
.research-detailed{
    padding: 80px 0;
    background-color: #f5f9fc;
}
.line_box{flex-wrap: wrap;}
.line_box > li{
    display: flex;
    width: calc(100% / 2 - 10px);
    padding: 35px 40px; border: 2px solid #DEEDF9; border-radius: 20px; margin-bottom: 20px;
    background-color: #fff;
}
.line_box > li span{flex-shrink:0;display:block;margin-right:50px}
.line_box > li li{display: flex;}
.line_box > li li:not(:last-child){margin-bottom: 5px;}
.research-core .flex > div{
    width: calc(100% / 2 - 10px);
    margin-bottom: 60px;
}
.research-core dl{
	flex-wrap: wrap;
    height: 250px;
    padding: 25px 150px; border-radius: 20px;
    background-color: #f5f9fc;
}
.research-core dl dt{
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}
.research-core dl dd{width: calc(50% - 20px);}
.research-core .flex .arrow1::after{color: #005696;}
.research-core div:nth-child(3) > div{
	margin-top: -30px;
    padding: 30px; border-radius: 20px;
    background-color: #f5f9fc;
}
.research-core div:nth-child(3) > div p{
    margin-bottom: 35px;
    text-align: center;
}
.research-core div:nth-child(3) > div em{display: block; font-weight: 700; color: #333;}
.research-core div:nth-child(3) > div > div{
    display: flex; justify-content: center;
    padding-top: 20px;
}
.research-core div:nth-child(3) > div > div img{
    display: block;
    width: 180px; height: 180px;
    border-radius: 50%;
}
.research-core div:nth-child(3) > div > div img:not(:last-child){margin-right: 40px;}
.research-core div:nth-child(4) p{
    border-radius: 10px; padding: 15px; margin-bottom: 30px;
    font-size: 28px; font-weight: 700; color: #fff; text-align: center; line-height: 36px;
    background-color: #005696;
}
.research-core div:last-child p:not(:last-child){margin-bottom: 15px;}
.research-situation-box {width: calc(50% - 10px); margin-bottom: 10px; padding: 25px 30px; border: 2px solid #DEEDF9; border-radius: 20px; box-sizing:border-box;}
.research-situation-box .block, .research-situation-box .block em{display: block;}
.research-situation-box em{margin-bottom: 5px;}
.research-situation-box > span{
    display: block;
    padding-right: 15px;
    text-align: right;
}
.research-situation-box2 .flex .flex{align-items: center; justify-content: start;}
.research-situation-box2 .flex div span:nth-child(1){margin-bottom: 5px;}
.research-situation-box2 .flex div span:nth-child(1)::before{content: "";
    width: 6px; height: 6px;
    border-radius: 50%; border: 5px solid #B4A77B; margin-right: 5px; margin-top: 5px;
}
.research-situation-box2 .flex div span:nth-child(2)::before{content: "";
    width: 15px; height: 15px;
    margin-right: 5px; margin-top: 3px;
    background-color: #005696;
}
.research-situation-box img{
    display: block;
	max-width:100%; height:auto;
    margin: 50px auto 10px;
}
/* 연구소 소개 - e */
/* 주요 연구분야 - s */
.study-con-img{background: url("/asset/www/images/content/img_study.jpg") no-repeat center center / cover;}
.study-view > div > div:nth-child(1){text-align: center;}
.study-view > div > div:nth-child(1) ul{margin-bottom: 30px;}
.study-view > div > div:nth-child(1) ul li{
    width: calc(100% / 2 - 10px);
    padding: 35px 0; border: 2px solid #DEEDF9; border-radius: 20px;
    font-weight: 500; color: #333;
}
.study-view .flex .icon:before{margin-bottom: 20px;}
.study-view .flex .icon:first-child:before{width: 89px; background-position: -112px -103px;}
.study-view .flex .icon:nth-child(2):before{width: 110px; background-position: 0 -103px;}
.study-view > div > div:nth-child(1) span{padding: 10px 70px;}
.study-view td{display: flex; align-items: center;}
.study-view > div > div:nth-child(2) div{width: 50%; text-align: center;}
.study-view > div > div:nth-child(2) div img{
	width: 130px; height: 130px;
	border-radius: 50%;
	overflow: hidden;
}
.study-view > div > div:nth-child(2) div img:not(:last-child){margin-right: 20px;}
.study-view > div > div:nth-child(2) ul,.study-view > div > div:nth-child(2) p{width: 50%;}
/* 주요 연구분야 - e */
/* 연구 실적 - s */
/* .performance{margin-top: 70px;} */
/* .performance > div{margin-top: 100px;} */
.performance .side{width: 200px;}
.performance .side li{
    display: none;
    font-weight: 600; font-size: 50px; color: #1067c4;
}
.performance .side li:not(:last-child){
    position: sticky; top: 250px;
}
.performance .side li.on{display: block;}
.performance > div > div{width: calc(100% - 200px);}
/* 연구 실적 - e */
/* 연구 인프라 - s */
.infra-con-img{background: url("/asset/www/images/content/img_infra.jpg") no-repeat center center / cover;}
.infra-box{
	height: 500px;
	position: relative;
}
.infra-box > li{padding: 20px 0 0;}
.infra-box > li div {cursor:pointer;}
.infra-box div{
	width: 40%; height: calc(100% / 4);
	padding-bottom: 20px;
	position: relative;
}
.infra-box div:after{content: "";
	width: 45%; height: 3px;
	background-color: #eee;
	position: absolute; left: 0; bottom: 0; z-index: -1;
	transition: all .5s;
}
.infra-box h4{
    margin-bottom: 0;
    text-align: left; color: #999; font-size: 26px;
}
.infra-box img{
	width: 60%;
	border-radius: 20px;
	position: absolute; right: 0; top: 0;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .5);
}
.infra-box ul, .infra-box img{display: none;}
.infra-box > li.on div{padding-bottom: 0;}
.infra-box > li.on div:after{
	width: 110%;
	background-color: #1067c4;
	transition: all 1.5s;
}
.infra-box > li.on h4{
	margin-bottom: 20px;
	color: #333;
}
.infra-box > li.on ul{padding: 0 20px 30px;}
.infra-box > li.on ul, .infra-box > li.on img{display: block;}
/* 연구 인프라 - e */

/* esg */
.conWrap figure{
	width: 98%;
	padding: 50px 30px; border: 2px solid #ddd; margin: 0 auto 10px;
}
.conWrap figure img{
	display: block;
	max-width: 300px;
	margin: 0 auto;
}


/* 이녹스첨단소재 한눈에 보기 - s */
.SummarySwiper .swiper-button-prev, .SummarySwiper.swiper-rtl .swiper-button-next, .SummarySwiper .swiper-button-next, .SummarySwiper .swiper-rtl .swiper-button-prev{background-color: #fff;}
.pr-con-img{background: url(/asset/www/images/content/img_pr.jpg) no-repeat center center / cover;}
.summary h5{margin-bottom: 20px;}
.summary-list{
	align-items: normal;
    width: 100%; height: 500px;
}
.summary-list li::before{content: "";
    display: block;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, .55);
    position: absolute; left: 0; top: 0; z-index: -1;
    transition: all .3s;
}
.summary-list li{
    align-items: center; justify-content: flex-start; flex-direction: column;
    width: calc(100% / 5); height: 100%;
    padding-top: 14%; border-right: 1px solid #fff;
    text-align: center;
    position: relative; z-index: 0;
	transition: all .6s;
}
.summary-list li:nth-child(1){background: url("/asset/www/images/content/img_allinfo_process01.jpg") no-repeat center center / cover;}
.summary-list li:nth-child(2){background: url("/asset/www/images/content/img_allinfo_process02.jpg") no-repeat center center / cover;}
.summary-list li:nth-child(3){background: url("/asset/www/images/content/img_allinfo_process03.jpg") no-repeat center center / cover;}
.summary-list li:nth-child(4){background: url("/asset/www/images/content/img_allinfo_process04.jpg") no-repeat center center / cover;}
.summary-list li:nth-child(5){background: url("/asset/www/images/content/img_allinfo_process05.jpg") no-repeat center center / cover;}
.summary-list li div{
	width: 100%;
	padding: 20px;
}
.summary-list li h5{
	width: 100%;
	color: #fff;
}
.summary-list li h5 span{display: block; margin-bottom: 5px; color: #FFD21A;}
.summary-list li p{
	width: 100%;
	color: #fff;
	opacity: 0;
}
.summary-list li:hover{padding-top: 10%;}
.summary-list li:hover::before{opacity: 0;}
.summary-list li:hover div{
	background-color: rgba(0, 0, 0, .5);
	transition: all 1.5s;
}
.summary-list li:hover p{opacity: 1; transition: all 1.5s;}
.summary-side ul{display: none;}
.summary-side ul li:not(:last-child){margin-bottom: 10px;}
.summary-side:hover{
    width: 185px; height: 120px;
    border-radius: 15px;
}
.summary-side:hover ul{display: block;}
.summary-side ul li a:hover{color: #FFD21A;}
.SummarySwiper{
	height: 350px;
	padding: 10px 0;
}
/* .SummarySwiper .swiper-wrapper{margin-bottom: 4rem;} */
.SummarySwiper .swiper-slide div, .SummarySwiper .swiper-slide figure{width: calc(50% - 40px); height: 100%;} 
.SummarySwiper .swiper-slide figure{
	display: flex; justify-content: center; align-items: center;
	border-radius: 50%;
	position: absolute; right: 0; top: 50%; z-index: -1;
	transform: translate(0, -50%); overflow: hidden;
}
.SummarySwiper .swiper-slide figure img{width: 100%; height: auto;} 
.SummarySwiper .swiper-slide div{
	margin-left: 10px;
}
.SummarySwiper .swiper-button-prev, .SummarySwiper.swiper-rtl .swiper-button-next, .SummarySwiper .swiper-button-next, .SummarySwiper .swiper-rtl .swiper-button-prev{
	width: 35px !important; height: 35px !important;
	border: 2px solid #005696;
}
.SummarySwiper .swiper-button-prev:after, .SummarySwiper .swiper-rtl .swiper-button-next:after, .SummarySwiper .swiper-button-next:after, .SummarySwiper .swiper-rtl .swiper-button-prev:after{color: #005696;}
.SummarySwiper .swiper-button-next, .SummarySwiper .swiper-button-prev, .SummarySwiper .swiper-pagination{position: absolute;}
.summary-swiper-nav{
	width: 160px;
	position: relative; bottom: 30px; left: 0;
}
.SummarySwiper .swiper-pagination{top: 50%; transform: translate(0, -15px);}
.summary .data-rate > div{
	width: calc(100% / 4 - 15px);
    padding: 35px 30px; margin-bottom: 20px; border: 2px solid #ddd; border-radius: 10px;
    text-align: left;
    position: relative;
}
.summary .data-rate > div:first-child{
	flex-direction: column; align-items: center;
	border: 5px solid #005696;
}
.summary .data-rate > div:nth-child(8):hover{border: 5px solid #005696;}
.summary .data-rate > div:last-child{
	width: 100%;
}
.summary .data-rate > div:last-child > div{width: 100%; height: 100%;}
.summary .data-rate > div:last-child > div > canvas{width: 100% !important; height: 100% !important;}
.summary .data-rate > div:first-child p{
	margin-bottom: 50px;
	color: #005696; font-weight: 600; text-align: center;
}
.summary .data-rate > div h5{margin-bottom: 5px; font-weight: 600;}
.summary .data-rate > div:before{content: "";
	display: block;
	height: 32px;
	margin: 35px 25px;
	position: absolute; right: 0; bottom: 0;
}
.summary .data-rate > div:nth-child(2):before{width: 32px; background-position: 0 57px;}
.summary .data-rate > div:nth-child(3):before{width: 30px; background-position: -35px 57px;}
.summary .data-rate > div:nth-child(4):before{width: 31px; background-position: -68px 57px;}
.summary .data-rate > div:nth-child(5):before{width: 29px; background-position: -103px 57px;}
.summary .data-rate > div:nth-child(6):before{width: 38px; background-position: -207px 57px;}
.summary .data-rate > div:nth-child(7):before{width: 40px; background-position: -164px 57px;}
.summary .data-rate > div:nth-child(8):before{width: 26px; background-position: -135px 57px;}
.summary .data-rate > div:first-child span{color: #777; font-weight: 400;}
.summary .data-rate > div a:hover{color: #FFB800;}
.summary-chart{margin-top: 30px;}
/* 이녹스첨단소재 한눈에 보기 - e */
/* 홍보자료실 */
.PRCenter .ThumbnailList > li:after{content: "";
	display: none;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: absolute; left: 0; top: 0; z-index: 1;
}
.PRCenter .ThumbnailList > li:hover:after{display: block;}
.PRCenter .ThumbnailList .Button a .Text {font-size:22px;}
/* 사업장투어 - s */
.tour-con-img {background: url("/asset/www/images/content/pr/img_tour00.jpg") no-repeat center center / cover;}

.tour-side a span:first-child{display: none;}
.tour-side a:hover span:first-child{display: block;}
.tour .flex{justify-content: start;}
.tour .flex li{
    width: calc(100% / 4 - 15px);
    border: 1px solid #ddd; margin-bottom: 20px;
    overflow: hidden;
}
.tour .flex li:not(:nth-child(4n)){margin-right: 20px;}
.tour .flex li img{width: 100%;}
.tour .flex li div{padding: 15px 20px 20px;}
.tour .flex li div span{
    display: block;
    margin-bottom: 5px;
    font-weight: 700; color: #333;
}
/* 사업장투어 - e */
/* 투어신청, 윤리경영, 문의하기 - s */
.form-wrap h4{
    margin-bottom: 20px;
    font-size: 24px; text-align: left; font-weight: 600; color: #1067c4;
}
.tour-form > div > p span{font-weight: 600;}
.form-agree{
    padding: 30px 0 30px 30px;
    background-color: #f8f8f8;
}
.form-agree-box{
    height: 250px;
    padding-right: 30px; border-bottom: 2px solid #ddd; margin-bottom: 20px;
    overflow-y: scroll;
}
.form-agree li{
	margin-bottom: 50px;
	line-height: 24px;
}
.form-agree li:last-child{margin-bottom: 0;}
.form-agree li h5{
	margin-bottom: 15px;
	font-weight: 600;
}
.form-agree .txt16{
    margin-bottom: 10px;
    color: #444; font-weight: 600;
}
.form-agree li p{margin-bottom: 5px;}
.form-agree-radio li p{margin-bottom: 20px;}
.form-agree li ul li{margin-bottom: 5px;}
.form-agree-radio{justify-content: start; align-items: center;}
.form-agree-radio .flex{justify-content: start;}
.form-agree-radio .inputRadio{
    align-items: center;
    margin-right: 30px;
}
.form-agree-radio input[type=radio]{
    width: 20px; height: 20px;
    border-radius: 50%; border: 1px solid #ddd; margin-right: 10px;
    background-color: #fff;
}
.form-agree-radio input[type=radio]:checked{
	
    background: #0b4bc1 url("/asset/www/images/sub/checkIcon.png") no-repeat center;
}
.form-input{border-top: 2px solid #333;}
.form-input .flex{justify-content: flex-start;}
.form-input-box{padding: 20px; border-bottom: 1px solid #ddd;}
.form-input1 .form-input-box, .form-input1 .form-input-box input{width: 100%;}
.form-input2 .form-input-box{align-items: center; width: 50%;}
.form-input3 .form-input-box{align-items: center; width: calc(100% / 3);}
.form-input-box dt{
    width: 188px;
    font-weight: 600; text-align: left; color: #333;
}
.form-input-box.date dd{
	display: flex; align-items: center;
	width: calc((100% - 150px) / 4 - 10px);
}
.form-input-box.date dd input{margin-right: 5px;}
.form-input-box dd{width: calc(100% - 188px);}
.form-input-box input, .form-input-box select{
    width: 100%; height: 47px;
    padding: 10px;
}
.form-input-box input, .form-input-box textarea, .form-input-box select{
    border-radius: 5px; overflow: hidden;
    background-color: #f8f8f8;
}
.form-input-box textarea{
    width: 100%; height: 200px;
    padding: 20px;
    overflow-y: scroll;
}
.info-form-box .flex{align-items: center;}
.info-form-box dl input, .info-form-box dl select{width: 250px;}
.address-input{margin-left: 188px;}
.address-input input{width: 100% !important;}
.info-form-box .form-btn{color: #fff; background-color: #777; cursor: pointer;}
.Agree{display: flex; align-items: center;}
.Agree input{
    width: 18px; height: 18px;
    margin-right: 8px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* 투어 신청 - e */
/* 인재상 - s */
.talent-box{
	background: url(/asset/www/images/content/img_talent_01.jpg) no-repeat center / cover;
	position: relative; z-index: 0;
}
.talent-box:after{content: "";
	display: block;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: absolute; left: 0; top: 0; z-index: -1;
}
.talent ul{padding: 80px 0;}
.talent ul li{
    width: calc(100% / 4 - 15px);
    padding: 30px; border-radius: 20px; border: 2px solid #DEEDF9;
	background-color: rgba(0, 0, 0, .3)
}
.talent ul li span{
    display: block;
    width: 100%;
    margin-bottom: 30px;
    color: #fff;
}
.talent ul li strong{
    display: block;
    color: #b6d0ff;
}
.talent ul li p{color: #ddd;}
.talent ul li p:not(:last-child){margin-bottom: 15px;}
/* 인재상 - e */
/* 인사제도 - s */
.system .list-type1 .flex > h4{position: sticky; top: 200px;text-align:left; z-index: 4;}
.system .system-list .flex{align-items: normal;}
.system-list .flex > li{
    width: calc(100% / 2 - 15px);
    padding: 35px 40px 40px; margin-bottom: 20px !important;
    border-radius: 20px; border-top: 3px solid #1067c4;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.system-list .flex > li > div{width: 70%; padding: 0;}
.system-list .flex > li::before{height: 80px; margin: 0;}
.system-list .flex > li:nth-child(1):before{width: 81px; background-position: 0 -206px;}
.system-list .flex > li:nth-child(2):before{width: 90px; background-position: -172px -206px;}
.system-list .flex > li:nth-child(3):before{width: 86px; background-position: -352px -206px;}
.system-list .flex > li:nth-child(4):before{width: 85px; background-position: -262px -206px;}
.system-list .flex > li:nth-child(5):before{width: 85px; background-position: -85px -206px;}
.system-list .flex > li:nth-child(6):before{width: 77px; background-position: -610px -206px;}
.system-list .flex > li div span{margin-bottom: 15px;}
.system-list .flex > li ul li{
    margin-bottom: 5px;
    line-height: 20px;
    position: relative;
}
.system-list .flex > li ul li::before{content: "-"; position: absolute; left: -10px;}
/* 인사제도 - e */
/* 주주메시지 - s */
.message .desc p:last-child{font-size: 20px;}
.message h4{
	margin-bottom: 25px !important;
	text-align: left !important;
}
.message-con-img{background: url("/asset/www/images/content/img_message_visual.jpg") no-repeat center center / cover;}
.message-charts-box{align-items: center;}
.message-charts-box .message-charts2 p {padding-right:5px;}
.message-charts-box dl dt, .message-charts-box dl dd{display: inline-block;}
.message-charts-box dl dt{font-weight: 500; color: #111;}
.message-charts-box dl dt:after{content: " : ";}
.message-charts-box dl dd span{font-weight: 500; color: #FFB800;}
.message-charts-box > div{width: calc(50% - 40px);}

.message table thead{position: sticky; top: 119px;}
.message table thead th{color: #fff; background-color: #005696;}
.message-bg th, .message-bg td{background-color: #bcd5ea !important;}
.message-bg1 th, .message-bg1 td{background-color: #DEEDF9 !important;}
.message-bg2 th, .message-bg2 td{background-color: #f4faff !important;}
.message-bg td, .message-bg1 td, .message-bg2 td{border-bottom: 1px solid #fff !important;}
.message-bg td:not(:last-child), .message-bg1 td:not(:last-child), .message-bg2 td:not(:last-child){border-right: 1px solid #fff !important;}
.TableType.Type1 .Inner{margin-top: -20px;}
/* 주주메시지 - e */

/* History & Future */
.system .list-type1 .flex > h4.lft-line:before{display: block; content: ""; background-color: #1067c4; width: 1000px; height: 1px; position: absolute; top: 25px; left: -880px; transform: translate(-16%, 0);z-index: -1;}
.system .list-type1 .flex > h4.lft-line:after{display: block; content: ""; background-color: #1067c4; width: 7px; height:7px; border-radius: 4px; position: absolute; top: 22px; left: -40px;}
.system .list-type1 .flex > h4>p.desc {font-weight: 400; font-size: 18px; color: #666; line-height: 1.5; margin-bottom: 15px;}
@media (max-width: 1499px) {
    .system .list-type1 .flex > h4.lft-line:before {
        display: none;
    }
}




/* 개인정보취급방침, 윤리헌장 */
.privacy .form-agree, .ethics_charter{padding: 70px 40px;}

/*life 첨단소재라이프*/
.life-con-img{background: url("/asset/www/images/recruit/img_life_visual.jpg") no-repeat center center / cover;}
.InnoxLife .Article.Type1 .ListSect .MetaInfo span{margin-bottom: 15px;}

/* Sitemap */
.sitemap_grid{display:flex;flex-wrap:wrap;gap:20px;padding-top:60px;border-top:1px solid #e8e8e8;}
.sitemap_col{width:calc((100% - 60px) / 4);border:1px solid #e8e8e8;padding:28px 24px;background:#fff;border-radius:12px}
.sitemap_col>a{display:block;font-size:24px;line-height:1.3;font-weight:700;color:#222;margin-bottom:16px;text-align:center}
.sitemap_col>a:hover{color:#005696}
.sitemap_col .depth2{border-top:1px solid #f0f0f0;padding-top:14px}
.sitemap_col .depth2>li{margin-bottom:10px}
.sitemap_col .depth2>li:last-child{margin-bottom:0}
.sitemap_col .depth2>li>a{display:block;font-size:17px;line-height:1.4;color:#333;padding:6px 22px 6px 0;position:relative;}
.sitemap_col .depth2>li>a::after{content:"\e5cc";font-family:"Material Icons Outlined";font-size:18px;line-height:1;color:#b8b8b8;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:color 0.2s ease, transform 0.2s ease;}
.sitemap_col .depth2>li>a:hover{text-decoration:underline;}
.sitemap_col .depth2>li>a:hover::after{color:#005696;transform:translateY(-50%) translateX(2px);}
.sitemap_col .depth3{margin:8px 0;padding:12px;background:#f5f9fc;border-radius:4px;}
.sitemap_col .depth3 li{margin-bottom:6px}
.sitemap_col .depth3 li:last-child{margin-bottom:0}
.sitemap_col .depth3 a{display:block;font-size:15px;line-height:1.4;color:#555}
.sitemap a:hover{color:#005696}
.sitemap_col .depth3 a:hover{color:#333}
@media all and (max-width:1200px){
	.sitemap_grid{gap:16px}
	.sitemap_col{width:calc((100% - 16px) / 2)}
	.sitemap_col>a{font-size:22px}
}
@media all and (max-width:768px){
	.sitemap_grid{gap:12px}
	.sitemap_col{width:100%}
	.sitemap_col{padding:20px 18px}
	.sitemap_col>a{font-size:20px;margin-bottom:10px}
	.sitemap_col .depth2{padding-top:10px}
	.sitemap_col .depth2>li>a{font-size:16px}
	.sitemap_col .depth3 a{font-size:14px}
}

/*ModalPopup*/  
.modalwrap{visibility:hidden;overflow:hidden;width:0;height:0;opacity:0;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
.modalwrap .modalpopup {position: absolute;top: 50%;left: 50%;width: 67rem;max-width: calc(100% - 4rem);margin: 0 auto;z-index: 1001;transform: translate3d(-50%, -48%, 0);animation: 0.3s fadeIn;}
.modalwrap .modalpopup.wide {width:65rem; border-radius: 2rem;background: #fff;padding: 3rem 4rem;}
.modalwrap .modalpopup .container {max-height: calc(100vh - 30rem);overflow-y: auto;padding: 0 2.5rem;margin: 0 -2.5rem;text-align: center;}
.modalwrap .modalpopup .container::-webkit-scrollbar {width: 0.6rem;}
.modalwrap .modalpopup .container::-webkit-scrollbar-thumb {height: 0.2rem;border-radius: 5rem;background-color: #e3e3e3;}
.modalwrap .modalpopup .container::-webkit-scrollbar-track {background-color: #fff;}
.modal .modal-text {margin-bottom: 3rem;color: #515151;font-size: 1.8rem;font-weight: 500;text-align: center;line-height: 1.6;}
.modalwrap .modalpopup .container .btn {position:absolute;top:-1.5rem;right: 50%;margin-right: -25px;}
.InnoxLife .Article.Type1  .btn .modalclose {font-size:1rem;background: #000 url('/asset/www/images/content/close_modal.png')no-repeat center; width:50px; height:50px; border-radius:60px; padding: 5px;color: #fff;line-height: 0.7rem;} 
.InnoxLife .Article.Type1 .btn .modalclose:hover {transform:rotate(360deg);transition:.6s ease-out;}
.modalwrap.active{visibility:visible;overflow:visible;width:auto;height:auto;opacity:1;width:100%!important;height:100%!important;transition:opacity .5s}

.modalwrap .modalpopup .container .heading {position:relative; border-bottom:2px solid #000000;padding-bottom:.5rem;text-align:left;margin:1rem 0;}
.modalwrap .modalpopup .container .heading h1 {font-size:1.45rem;color:#000;margin-bottom:.5rem;font-weight:500;letter-spacing: -1px;}
.modalwrap .modalpopup .container .heading h1 span {font-size: .9rem;} 
.modalwrap .modalpopup .container .heading .title {font-size: 1.5rem;color:#000;margin-bottom:.5rem;padding-top: 0;margin-top: -1rem; font-weight: 600; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;}
.modalwrap .modalpopup .container .heading .title span {font-size: 1.2rem;background: #ff9917;border-radius: 6px;padding: 0 10px;line-height: 30px;color: #fff;display: inline-block;} 
.modalwrap .modalpopup .container table{width:100%;table-layout:fixed;border-collapse:collapse; border-spacing:0; border:0;border-top:1px solid #000000;}
.modalwrap .modalpopup .container table th,
.modalwrap .modalpopup .container table td {padding:.4rem .4rem;word-wrap:break-word;word-break:keep-all;font-size: .75rem;}
.modalwrap .modalpopup .container table th{color:#000;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background:#fafafa;font-weight: 400;text-align: center;} 
.modalwrap .modalpopup .container table thead th:last-child {border-right: none;} 
.modalwrap .modalpopup .container table td:last-child{border-right:none;}
.modalwrap .modalpopup .container td {border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-align:left;} 
.modalwrap .modalpopup .container .opensource .fltleft {float: left;width: 50%;}
.modalwrap .modalpopup .container .opensource .fltright {float: right;width:50%;text-align: right;font-size: .75rem;color: #7f7f7f;}
.modalwrap .modalpopup .container .scroll {margin:0;height:550px;overflow-y:scroll; } 

.modalwrap .modalpopup .container .text h1 {font-size: 1.3rem;font-weight:700;color: #0046af;margin: 30px 0;}
.modalwrap .modalpopup .container .text h2 {background: #2d42af;display: inline-block; padding: 0 20px; border-radius: 5px 20px;line-height: 40px; color: #fff; margin: 30px 0;	}
.modalwrap .modalpopup .container .text img {width:100%; height:auto;}
.modalwrap .modalpopup .container .text .Text01 {font-size:17px; line-height:26px; margin:20px 0;}
.line {border-bottom: 1px dashed #c3c3c3;margin: 50px 0;}

	
	@media all and (max-width: 1000px) {
		.grid-list > li {width:50%;}
	}
	
	@media all and (max-width: 640px) {
		.grid-list > li {width:100%;}
		.modalwrap .modalpopup .container {max-height:calc(100vh - 25rem);padding:0;}
		.modalwrap .modalpopup .container .heading .title {display: block; line-height:1.5; text-align:center; font-size: 1.3rem;}
		.modalwrap .modalpopup .container .heading .title span {margin-bottom: 5px; display:block; font-size: 1rem;}
	}