﻿/* base style - start */
/* base style - end */



	/* 상단 1차 메뉴 대표 이미지 영역 styles - start
	-------------------------------------------------- */
		.groupInfo { width: 100%; color: #ffffff; background-repeat: no-repeat; background-position: center; }
		.groupInfo > .container { position: relative; height:399px; margin-bottom: 0; text-align: center; background-color: transparent; }
		.groupInfo > .jumbotron > h1 { position: absolute; bottom: 40%; margin: 0; width: 100%; font-size: 5.36em; font-weight: 800; }
		.groupInfo > .jumbotron > p { position: absolute; bottom: 10%; margin: 0; width: 100%; font-size: 2.15em; font-weight: 600; word-break: keep-all; }

		.groupInfo { background-size: 100% auto;
			-webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; }
		.groupInfo.visible { background-size: 120% auto;
			-webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }

		.groupInfo > .container { opacity: 0;
			-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);
			-webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; }
		.groupInfo.visible > .container { opacity: 1;
			-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);
			-webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }

		/* ​ABOUT US */
		#Header_groupInfo1 { background-image: url('../images/sub/SUB_Top01.png'); }

		/* SUSTAINABILITY */
		#Header_groupInfo2 { background-image: url('../images/sub/SUB_Top02.png'); }

		/* PRODUCTS */
		#Header_groupInfo3 { background-image: url('../images/sub/SUB_Top03.png'); }

		/* IR & PR */
		#Header_groupInfo4 { background-image: url('../images/sub/SUB_Top04.png'); }

		/* CAREERS */
		#Header_groupInfo5 { background-image: url('../images/sub/SUB_Top05.png'); }

		/* SUPPORT */
		#Header_groupInfo6 { background-image: url('../images/sub/SUB_Top06.png'); }

		/* ​R & D */
		#Header_groupInfo7 { background-image: url('../images/sub/SUB_Top07.png'); }
	/* 상단 1차 메뉴 대표 이미지 영역 styles - end
	-------------------------------------------------- */



	/* Location(tags) styles - start
	-------------------------------------------------- */
		body > .tags { border-bottom: 1px solid #e5e5e5; }
		body > .tags > .container { height: 6.78em; line-height: 6.78em; margin-bottom: 0; display: flex; flex-direction: row; }
		body > .tags > .container:before {}
		body > .tags > .container:after {}
		body > .tags > .container > li { display: inline-block; flex-grow: 0; }
		body > .tags > .container > li { background-image: url('../images/icon/next.png'); background-repeat: no-repeat; background-position: left; }
		body > .tags > .container > li > span { display:none; }
		body > .tags > .container > li > a { margin: auto 1.96em auto 1.96em; color: #333333; font-size: 1.15em; font-weight: 700; }
		body > .tags > .container > li > a,
		body > .tags > .container > li > a:focus,
		body > .tags > .container > li > a:hover { text-decoration: none; }

		body > .tags > .container > li:nth-child(1) { background-image: url('../images/icon/home.png'); max-width: 2.82em; overflow-x: hidden; }
		body > .tags > .container > li:nth-child(1) > a { margin-left: 0; padding-left: 3em; font-size: 1em; }
		body > .tags > .container > li:last-child > a { margin-right: 0; color: #3399ff; }
	/* Location(tags) styles - end
	-------------------------------------------------- */



	/* Sidebar styles - start
	-------------------------------------------------- */
		/* Hide for mobile, show later */
		.sidebar { display: none; }

		/* Sidebar navigation */
		.nav-sidebar { margin-right: -20px; margin-left: -20px; padding: 0 20px 0 20px; }
		.nav-sidebar > li { font-size:24px; padding: 0 0 8px 0; border-bottom: #333333 1px solid; }
		.nav-sidebar > li:first-child { display:none; }
		.nav-sidebar > li > a { font-size:15px; padding: 8px 0 0 0; font-weight:700; }
		.nav-sidebar > li > a,
		.nav-sidebar > li > a:hover,
		.nav-sidebar > li > a:focus { color: #333333; }
		.nav-sidebar > .active > a,
		.nav-sidebar > .active > a:hover,
		.nav-sidebar > .active > a:focus { color: #428bca; }
		.nav-sidebar > li > a:hover,
		.nav-sidebar > .active > a:hover { background: none; }
	/* Sidebar styles - end
	-------------------------------------------------- */



	/* [Common] Main content - start
	-------------------------------------------------- */
		#sidebar {}
		.sidebar + .hfeed { padding: 0px 15px 20px 15px; }
		.hfeed .page-header { margin-top: 0; margin-bottom: 81px; color:#333333; font-size:4.28em; font-weight:700; text-align:center; border-bottom: none; }

		/* 본문 영역(최 외곽) */
		body > .tags ~ .container { margin-top: 8.57em; max-width: 100%; min-width: unset; width: 100%; }

		/* 본문 영역 */
		#conCenter { float: none; }
		#conCenter { max-width: 1400px; padding: 0; }
		#conCenter.col-md-offset-2  { margin: auto; }
		#conCenter .row { margin-right: auto; margin-left: auto; }
	/* [Common] Main content - end
	-------------------------------------------------- */



	/* [Common] Placeholder dashboard ideas - start
	-------------------------------------------------- */
		.placeholders { margin-top: 3em; margin-bottom: 14em; font-size: 18px; font-weight: 800; line-height: 36px; }
		.placeholders h2 { font-weight: 800; margin-top:0; }
		.placeholders h3 { font-size: 2.57em; font-weight: 700; color: #333333; line-height: normal; /*margin-bottom: 1.94em;*/ padding-top:20px; }
		.placeholders h3.secbar { background: url('../images/icon/bar.png') no-repeat top left; margin-top: 85px; margin-bottom: 0px; padding-top: 30px!important; }
		.placeholders img + h3 { padding-top:initial; }
		.placeholders h4 { margin-bottom: 0; }
		.placeholder { margin-bottom: 20px; }
		.placeholder img { display: inline-block; border-radius: 50%; }
	/* [Common] Placeholder dashboard ideas - end
	-------------------------------------------------- */



	/* [Common] 본문 tab - start
	-------------------------------------------------- */
		.nav-pills { margin-bottom: 40px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #cccccc; }
		.nav-pills+*:not(.desc):not(.board):not(.board01):not(form) { padding-top: 16px; }	/*테이블 혹은 게시판 형 요소로 시작되는 페이지에서는 padding-top 미적용*/
		.nav-pills>li { padding-right:0; padding-left:0; }
		.nav-pills>li:first-child { padding-left:0; }
		.nav-pills>li:last-child { padding-right:0; }
		.nav-pills>li>a, .nav-pills>li>a:focus { font-size:24px; font-weight:600; color:#333333; padding-top: 30px; padding-bottom: 30px; background-color: transparent; border-style:solid; border-width: 0 0 2px 0; border-color:transparent; border-radius: 0; }
		.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li>a:hover { font-weight:700; color:#3399ff; background-color: transparent; border-color:#3399ff; }

		.nav-pills>li+li {}
		.nav-pills>li+li:before { content: " "; border-left: solid 1px #666666; height: 24px; width: 1px; margin-top: 30px; float: left; }
		.nav-pills>li+li>a {}
	/* [Common] 본문 tab - end
	-------------------------------------------------- */



	/* [Common] text display - start
	-------------------------------------------------- */
		.slogan { width:100%; text-align: left; word-break: keep-all; font-size:34px; font-weight:700; color:#333333; line-height: normal; margin-bottom: 1.94em; }
		.slogan > p { line-height: 40px; }
		.slogan > br { content: ' '; padding-left: 0.4em; }
		.slogan > br.break_all { content: none; }
		.description { text-align: justify; color:#333333; font-size: 18px; font-weight: 800; line-height: 36px; margin: 0px; }
		.slogan.center,
		.description.center { text-align: center; }
		.signiture { text-align:right; font-size: 26px; font-weight:800; line-height: 44px; text-indent: initial!important; margin-top: 100px; }
		.signiture span { font-size: 30px; }
		.note-r { font-size: 93%; background-color: #f5f5f5; padding: 5px 10px 5px 10px; }
		.emphasis { font-weight:800; }
		.tail { text-align:right; }
	/* [Common] text display - end
	-------------------------------------------------- */



	/* [Common] image display - start
	-------------------------------------------------- */
		.img-thumbnail.borderless { border: 0px; padding: 0; border-radius: initial; }
		.img-thumbnail.full-pic { width: 100%; }
		.img-thumbnail.single { margin: auto; display: block; }
		.img-thumbnail.single:last-child { margin-bottom: 110px; }
		.img-thumbnail.single + .slogan { margin-top: 3.34em; text-align:center; }
		.img-thumbnail.single + .img-thumbnail.single { margin-top: 43px; }
		.description + .img-thumbnail.single { margin-top: 76px; }
		h3 + .img-thumbnail.single { margin-top: 70px; }
		.main-pic > img { margin-top: 8px; margin-left: 20px; }
		.gallery { display: flex; flex-direction: row; justify-content: space-between; padding: 3.57em 0 3.57em 0; }
		.gallery img { flex-grow: 0; }
	/* [Common] image display - end
	-------------------------------------------------- */



	/* [Common] Etc. elements - start
	-------------------------------------------------- */
		.btn { text-indent: initial; }		/*버튼형(.btn)*/
		.btn-info,
		.btn-info:hover { color: #fff; background-color: #3399ff; border-color: #3399ff; }
		.left { float: left!important; }	/*좌측배열(.left)*/
		.center { text-align: center!important; }	/*중앙배열(.center)*/
		.right { float: right!important; }	/*우측배열(.right)*/

		a.linkpdf { display: list-item; list-style-position: inside; list-style-image: url('../images/icon/ico_linkpdf.gif'); }	/*링크 pdf(a.linkpdf)*/
		ul.linkpdf { list-style-position: outside; list-style-image: url('../images/icon/ico_linkpdf.gif'); }	/*링크 pdf(ul.linkpdf)*/
		ul.linkout { list-style-position: outside; list-style-image: url('../images/icon/ico_linkout.gif'); }	/*링크 외부연결(ul.linkout)*/

		/*순서형 요소 표기(ol.sub)*/
		ol.sub { counter-reset: sub; }
		ol.sub li { counter-increment: sub; }
		ol.sub li::marker { content: counter(sub) ")"; }
	/* [Common] Etc. elements - end
	-------------------------------------------------- */



	/* [Common] 설명형 테이블 영역 - start
	-------------------------------------------------- */
		.desc .header { text-align: left; }
		.desc .table>thead { background-color: transparent; }
		.desc .table>thead:first-child>tr>th { color: #333333; text-align: center; }
		.desc .table tbody tr th { padding: 18px; line-height: 36px; text-align: center; background-color: transparent; vertical-align:middle; }
		.desc .table tbody tr td { padding: 18px; line-height: 36px; }

		.table-caption { width:100%; text-align:right; }
		.table + .table-caption { margin-top: -15px; }

		/*좌/우 외곽선 제거*/
		.table { border-left: 0px; border-right: 0px; }
		.table>thead:first-child>tr:first-child>th:first-child,
		.table tbody tr th:first-child,
		.table tbody tr td:first-child { border-left: 0px; }
		.table>thead:first-child>tr:first-child>th:last-child,
		.table tbody tr th:last-child,
		.table tbody tr td:last-child { border-right: 0px; }
	/* [Common] 설명형 테이블 영역 - end
	-------------------------------------------------- */



	/* [Common] 설명형 그룹 영역 - start
	-------------------------------------------------- */
		.desc-group { list-style-type: none; margin-top: 0px; margin-left: 0; padding-left: 0; }
		.img-thumbnail.single + .desc-group { margin-top: 85px; }

		.desc-group-item { text-align: left; font-size: 22px; margin-bottom: 60px; }
		.desc-group-item *:not(.btn) { font-size: 18px; font-weight: 800; line-height: 36px; }
		.desc-group-item .item-header { padding-top:initial; font-size: 35.98px; font-weight: 800; }
		.desc-group-item .item-header:not(h4) { background: url('../images/icon/bar.png') no-repeat top left; margin-top: 85px; margin-bottom: 0px; padding-top: 30px!important; }
		.desc-group-item .item-header.single { background-image: none; }
		.desc-group-item:first-child .item-header { margin-top: auto; }
		.desc-group-item .item-header:before {}
		.desc-group-item .item-header > br { content: ' '; }
		.desc-group-item .item-header + table { margin-top: 42px; }
		.desc-group-item + .desc-group-item .item-header { margin-top: 125px; }

		.desc-group-item h4.item-header { padding-top:initial; font-size: 30px; font-weight: 800; }
		.desc-group-item h4.item-header { margin-top: 42px!important; }
		.desc-group-item h4.item-header ~ *:not(h4):not(.table-caption) { margin-left: 40px; margin-top: 0!important; }
		.desc-group-item h4.item-header + ul.description li + li { margin-top: 20px; }

		.desc-group-item ul { list-style-type: disc; padding-left: 12px; margin-top: 42px; margin-left: 5px; }
		.desc-group-item li { display: list-item; }
		.desc-group-item ul.description li,
		.desc-group-item ul li:first-child:last-child { margin-left: -16px; list-style-type: none; text-align: justify; }	/*단일 자료의 경우*/
		.desc-group-item ul.description li + li { margin-top: 40px; }
		.desc-group-item ul.linkpdf { margin-left: 50px; }
		.desc-group-item ul.linkpdf li { margin-left: -16px; }

		.desc-group-item dl { list-style-type: disc; padding-left: 17px; margin-left: 0px; }
		.desc-group-item dl dt { display: list-item; color: #659acc; margin-top: 24px; color: initial; }
		.desc-group-item dl dt,
		.desc-group-item dl dd {}

		.desc-group-item h3 + .dic { margin-top: 42px; }
		.desc-group-item h4 + .dic { margin-top:10px; }

		/*미디어*/
		.media-body, .media-left, .media-right { display: table-cell; vertical-align: top; }
		.media.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
		.media.flex .media-body,
		.media.flex .media-left, 
		.media.flex .media-right { flex-grow: 1; flex-basis: content; }
		.media .media-left .attention { margin-right: 10px; }
		.desc-group-item .media { margin-top: 42px; margin-left: 21px; }
		.desc-group-item .media .media-body { width: 658px; min-height: 150px; }
		.desc-group-item .media .media-body.col-md-12 { width: 100%; min-height: auto; padding: 0; text-align: center; }
		.desc-group-item .media .media-left { width: 23%; direction: ltr; text-align: center; }
		.desc-group-item .media .media-right { width: 23%; direction: rtl; text-align: center; }
		.desc-group-item .media .media-left.col-md-4,
		.desc-group-item .media .media-body.col-md-4,
		.desc-group-item .media .media-right.col-md-4 { width: 33%; }

		.media.banner .media-body,
		.media.banner .media-left,
		.media.banner .media-right { width: initial; }
		.media.banner .media-right { padding-left: 21px; }
		.media.banner a + a { margin-left: 40px; }
	/* [Common] 설명형 그룹 영역 - end
	-------------------------------------------------- */



	/* [Common] 게시판 영역 - list - start
	-------------------------------------------------- */
		.board { font-size:18px; }
		.board * { line-height: 1.9em!important; }
		.board .table { border-left: 0px; border-right: 0px; }
		.board .table a,
		.board .table a:hover { color:#000000; text-decoration:none; }
		.board .table>thead {}
		.board .table>thead:first-child>tr:first-child>th { color: #333333; font-weight:800; text-align: center; border-top: 0px solid #333333; border-right-width: 0; border-bottom-width: 1px; border-left-width: 0; }
		.board .table>thead .num { width: 8%; }
		.board .table>thead .title {}
		.board .table>thead .category { width: 20%; }
		.board .table>thead .attach { width: 12%; }
		.board .table>thead .regdate { width: 15%; }
		.board .table tbody tr th { text-align: center; vertical-align:middle; }
		.board .table tbody tr td { text-align: center; }
		.board .table tbody tr>*:nth-child(1) { border-left: 0px; }
		.board .table tbody tr>*:last-child { border-right: 0px; }
		.board .table tbody tr>*:nth-child(2) { text-align: left; }
	/* [Common] 게시판 영역 - list - end
	-------------------------------------------------- */



	/* [Common] 게시판 영역 - view - start
	-------------------------------------------------- */
		.board01 {}
		.board01 .head { margin-bottom: 0; border-top: solid 1px #cccccc; }
		.board01 .head dt { display: table-cell; width: 4%; padding: 5px; border-right: solid 1px #cccccc; }
		.board01 .head dd { display: table-cell; width: 1%; padding: 5px; border-right: solid 1px #cccccc; }
		.board01 .head dd:last-child { border-right: none; }
		.board01 .head .title { width: 15%; text-align: left; }
		.board01 .head .attach { text-align: center; }
		.board01 .head .regdate {}
		.board01 .body { margin-bottom: 0; border-top: solid 1px #cccccc; }
		.board01 .body dt { display:none; }
		.board01 .body dd { text-align:initial; padding: 20px 5px; }

		.board01 .btn-group { width: 100%; margin-bottom: 0; padding-bottom: 15px; text-align: right; }
		.board01 .btn-group .btn { float:initial; padding: 4px 20px; font-weight: 700; }
		.board01 .view_list { margin-bottom: 0; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; }
		.board01 .view_list:last-child { border-top:none; border-bottom: solid 1px #cccccc; }
		.board01 .view_list dt { display: table-cell; min-width: 83px; padding-left: 5px; border-right: solid 1px #cccccc; }
		.board01 .view_list dd { display: table-cell; text-align: left; padding: 5px 10px; }
	/* [Common] 게시판 영역 - view - end
	-------------------------------------------------- */



	/* [Common] 페이징 요소(pageNum) 영역 - start
	-------------------------------------------------- */
		#PageMessage { text-align:center; }
		table.paging { border:0; border-spacing:10px 0; border-collapse: separate; margin-left: auto; margin-right: 0; }
		table.paging td { height: 22px; min-width: 30px; padding: 4px; border: 1px solid #cccccc; text-align: center; }
		table.paging td a,
		table.paging td a:hover { color:#000000; text-decoration:none; }
		table.paging td.firstpage>a,
		table.paging td.preview>a,
		table.paging td.next>a,
		table.paging td.endpage>a { position: relative; display: block; width: 100%; height: 100%; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; }
		table.paging td.firstpage>a>*,
		table.paging td.preview>a>*,
		table.paging td.next>a>*,
		table.paging td.endpage>a>* { display:none; }

		table.paging td.firstpage>a:before { content: "\e070"; }
		table.paging td.preview>a:before { content: "\e069"; }
		table.paging td.next>a:before { content: "\e077"; }
		table.paging td.endpage>a:before { content: "\e076"; }

		table.paging td.num { cursor: pointer; }
		table.paging td.num.on { font-weight: 700; color: #428bca; }
		table.paging td.num.over { font-weight: 700; color: #0000ff; }
	/* [Common] 페이징 요소(pageNum) 영역 - end
	-------------------------------------------------- */



	/* [Menu] 企業情報 영역 - start
	-------------------------------------------------- */
		/*[page] /jp/corporate/greeting.aspx*/


		/*[page] /jp/corporate/profile.aspx*/
		.company_overview .table tbody tr td { text-align:left; }
		.company_overview .dic dt { display: inline-block; width: 45%; }
		.company_overview .dic dd { display: inline-block; width: 45%; }
		.company_overview .dic dd.name {}


		/*[page] /jp/corporate/map01.aspx*/
		#header-pop {height: 40px; margin: 20px 10px 10px 10px;}
		#header-pop .rogo {float: left;}
		#header-pop .close {float: right; opacity: unset; text-shadow: unset; margin-top: 10px; margin-left: 10px;}
		#header-pop .topguide {float: right; font-weight: 700; margin-top: 10px;}
		#header-pop .btn.btn-info { font-size: 18px; margin-top: 15px; font-weight: 700; }

		#content-pop {margin: 20px 10px 90px 10px;}
		#content-pop h2 { font-size: 24px; margin-top: 40px; font-weight: 800; }
		#content-pop dl dt { display: inline-block; text-align: left; vertical-align: top; width: 25%; }
		#content-pop dl dd { display: inline-block; text-align: justify; width: 75%; }
		#content-pop .section {margin-top:30px;}


		/*[page] /jp/corporate/policy.aspx*/
		.placeholders.way { max-width: 820px; }


		/*[page] /jp/corporate/base.aspx*/
		.baseinfo .desc { margin-bottom: 20px; padding-top: 10px; }
		.baseinfo .desc .right { margin-top: -5px; }
		.baseinfo .desc .right .btn-info { font-size: 18px; font-weight: 800; line-height: 36px; }
		.baseinfo .contact { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 40px; border-top: 1px solid #cccccc; }
		.baseinfo .contact .address,
		.baseinfo .contact .fax { flex-grow: 1; }
		.baseinfo .contact .phone { flex-grow: 0; }
		.baseinfo .contact .address { flex-basis: 100%; }
		.baseinfo .contact .phone,
		.baseinfo .contact .fax { flex-basis: 500px; }
		.baseinfo .contact p { padding: 40px 0 40px 0; border-bottom: 1px solid #cccccc; }
		.entry-content .contact .address { background: url('../images/icon/Address.png') no-repeat 0px center; padding-left: 45px; }
		.entry-content .contact .phone { background: url('../images/icon/Phone.png') no-repeat 0px center; padding-left: 45px; }
		.entry-content .contact .fax { background: url('../images/icon/Fax.png') no-repeat 0px center; padding-left: 45px; }


		/*[page] /jp/corporate/global.aspx*/
		.desc-group-item dl.item-desc dd.address { margin-left: -10px; }
		.desc-group-item dl.item-desc dd.phone { margin-left: -10px; }
		.desc-group-item dl.item-desc dd.fax { margin-left: -10px; }


		/*[page] /jp/corporate/organization.aspx*/


		/*[page] /jp/corporate/history.aspx*/


		/*[page] /jp/environment/policy.aspx*/


		/*[page] /jp/environment/iso.aspx*/


		/*[page] /jp/environment/case.aspx*/
		/*[page] /jp/environment/funsou_koubutsu.aspx*/
		/*[page] /jp/environment/local.aspx*/


		/*[page] /jp/environment/jisedai.aspx*/
		/*[page] /jp/environment/josei_katsuyaku.aspx*/
		.josei_katsuyaku .target { text-indent:-65px; margin-left: 50px!important; }
		.josei_katsuyaku .table-caption { text-align:left; padding:0 0 0 40px; }
		.josei_katsuyaku .table-caption p { text-indent:-20px; margin:10px 0 0 0; }
		.josei_katsuyaku .table {}
		.josei_katsuyaku .table tbody tr th { width: 17%; }
		.josei_katsuyaku .table tbody tr td {}
		.josei_katsuyaku .factsheet .table-caption { text-indent:0px; padding:0 0 0 0; margin-top: 0px; margin-left: 0px; }
		.josei_katsuyaku .factsheet .table { margin-bottom: 0; margin-left: 0px; width: initial; }
		.josei_katsuyaku .factsheet .table tbody tr th { width: initial; padding-left: 0; text-align:left; }
		.josei_katsuyaku .factsheet .table tbody tr * { border-top-width: 0; }
	/* [Menu] 企業情報 영역 - end
	-------------------------------------------------- */



	/* [Menu] 事業・製品紹介 영역 - start
	-------------------------------------------------- */
		.product.desc-application {}
		.product.desc-application h2 { display: none; }
		.product.desc-application .description { text-align: center; font-size:34px; font-weight:700; line-height: 1.7em; margin-bottom: 3em; }
		.product.desc-application .img-thumbnail {}

		.product.nav-pills,
		.package.nav-pills {}
		.product.nav-pills>li>a, .product.nav-pills>li>a:focus,
		.package.nav-pills>li>a, .package.nav-pills>li>a:focus { margin-right: -4px; }
		.product.nav-pills>li:last-child>a,
		.package.nav-pills>li:last-child>a {}

		.product .table>thead {}
		.product .table>thead:first-child>tr:first-child>th { text-align: center; }
		.product .table tbody tr th { text-align: center; vertical-align:middle; }
		.product .table tbody tr td { text-align: center; }


		/* 탭버튼 정렬 */
		.nav.package>li { display: inline-block; margin-left: 0; }
		.nav.package>li:nth-child(1),
		.nav.package>li:nth-child(2) { width: 49.5%; }
		.nav.package>li:nth-child(3) { padding-left:0; margin-left: 0; }
		.nav.package>li:nth-child(3):before { display:none; }
		.nav.package>li:nth-child(4),
		.nav.package>li:nth-child(5) { margin-left: -6px; }
		.nav.package>li:nth-child(3),
		.nav.package>li:nth-child(4),
		.nav.package>li:nth-child(5) { width: 33.3%; border-top: 1px solid #cccccc; }
		.nav.package>li:nth-child(2),
		.nav.package>li:nth-child(5) { padding-right: 0; }
		.nav.package>li:nth-child(2)>a,
		.nav.package>li:nth-child(5)>a { margin-right: -2px; }


		/*[page] /jp/business/pa_outline.aspx*/
		/*[page] /jp/business/pa_product/csp.aspx*/
		/*[page] /jp/business/pa_product/f_bga.aspx*/
		/*[page] /jp/business/pa_product/p_bga.aspx*/
		/*[page] /jp/business/pa_product/m_pwb.aspx*/
		/*[page] /jp/business/pa_product/boc.aspx*/
		/*[page] /jp/business/pa_facilities.aspx*/
		/*[page] /jp/business/pa_blue.aspx*/
		.product .media .media-left { width: 33%; }
		.product .media .media-body { width: initial; }
		.media.center { margin-left: initial; text-align: initial!important; }
	/* [Menu] 事業・製品紹介 영역 - end
	-------------------------------------------------- */



	/* [Menu] About us 영역 - start
	-------------------------------------------------- */
		/*[page] /about/about.aspx*/
		.infographics { width: 100%; text-align: center; display: table; margin-bottom: 85px; }
		.infographics a { text-decoration:none; display: table-cell; color:#000000; vertical-align: top; }
		.infographics a:hover { color:#000000; }
		.infographics .img-thumbnail { background-color: transparent; }
		.infographics .img-thumbnail > img { width:140px; height:auto; visibility: hidden; }
		.infographics .img-thumbnail .caption { text-align:center; margin-top: 10px; margin-bottom: 20px; }
		.infographics .img-thumbnail .caption > h2 { color:#666666; font-size:17px; font-weight:700; margin-top: 10px; margin-bottom: 15px; }
		.infographics .img-thumbnail .caption > p { color:#0066cc; font-size:18px; font-weight:700; margin: 0px; }

		.infographics a:first-child .img-thumbnail .caption > h2 { visibility: hidden; max-height: 18px; }


		/*[page] /about/way.aspx*/


		/*[page] /about/history.aspx*/
		.history.desc { margin-top: 70px; font-weight: 700; }
		.history .year { font-size: 14px; margin-bottom: 0; display: flex; flex-direction: row; justify-content: space-between; }
		.history .year > dt { flex-grow: 1; flex-basis: 4em; min-width: 325px; max-width: 325px; padding-top: 90px; padding-left: 1.502em; font-size: 4.28em; font-style: italic; }
		.history .year > dd { flex-grow: 1; font-size: 1.72em; padding-top: 90px; }
		.history .year:first-child > dt,
		.history .year:first-child > dd { padding-top: 0; }

		/* history: single item */
		.history .year > dd > dl { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
		.history .year > dd > dl { margin: 0.82em 0 2.50em 0; }
		.history .year > dd > dl > dt { flex-grow: 0; flex-basis: 4.627em; font-size: 1.25em; color: #3399ff; padding-left: 2.502em; }
		.history .year > dd > dl > dd { flex-grow: 1; flex-basis: 60%; margin-left: 5.784em; }
		.history .year > dd > dl > dd:nth-child(2) { margin-left: 0; }

		/* history: marking */
		.history .year > dt { border-right: 2px solid #cccccc; }
		.history .year > dt:after { content: ''; width: 28px; height: 57px; display: inline-block; z-index: 10; position: absolute; margin: 0 0 0 87px; background: url('../images/icon/History_01.png') center bottom no-repeat; }
		.history .year:first-child > dt:after { background-color: #ffffff; }
		.history .year > dd > dl:before { content: ''; width: 26px; height: 6em; display: inline-block; position: absolute; margin: 10px 0 0 -14px; background: url('../images/icon/History_02.png') center top no-repeat; }
		.history .year:last-child > dd > dl:last-child:before { background-color: #ffffff; }


		/*[page] /about/chairman.aspx*/
		/*[page] /about/chairman_01.aspx*/
		/*[page] /about/ceo.aspx*/
		/*[page] /about/organize.aspx*/


		/*[page] /about/network.aspx*/
		.network { width:100%; margin-top: 23px; font-size: 18px; }
		.network td { border:1px #e4e4e4 solid; border-collapse:collapse; padding:24px 17px 24px 17px; }
		.network td:first-child { border-left: 0px; }
		.network td:last-child { border-right: 0px; }
		.network .flag { width:90px; text-align:center; vertical-align:middle; }
		.network .name { width:380px; text-align:center; vertical-align:middle; word-break: break-word; }
		.network .name br { display: contents; }
		.network .info { word-break: break-word; }
		.network .info>a { color:#0000ff; }


		/*[page] /irpr/custom.aspx*/
		.custom {}
		.custom h3 { padding-bottom: 20px; border-bottom: 1px solid #cccccc; }
		.custom h3 ~ img {}
		.custom h3 ~ div { max-width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
		.custom h3 ~ div > span { display: inline-block; flex-grow: 1; flex-basis: 16.6%; text-align: center; border-bottom: 1px solid #cccccc!important; padding: 60px 0 60px 0; }
		.custom h3:nth-child(6) ~ div > span { flex-basis: 20%; }


		/*[page] /about/ir_manage.aspx*/
		.nav-glance ~ h3 { margin-bottom: 0; padding: 30px 0 30px 0; font-size:3.21em; color: #666666; text-align: right; border-width: 0 0 1px 0; border-style: solid; border-color: #666666; }
		.nav-glance ~ .gallery { border-width: 1px 0 1px 0; border-style: solid; border-color: #666666; }
		.nav-glance ~ .gallery img { max-width: 24%; }


		/*[page] /video/video.aspx*/
		/*[page] /source/purchase.aspx*/
		/*[page] /source/partners.aspx*/


		/*[page] /source/conflict_minerals.aspx*/
		#conflict_minerals .main-pic { text-align: center; border: 1px solid #cccccc; margin-top: 10px; }
		#conflict_minerals .main-pic > img { margin-left: auto; }


		/*[page] /source/rba.aspx*/
		ul.law { border: 1px solid #cccccc; margin: 20px 30px 10px 30px; padding: 30px 10px 10px 10px; position: relative; }
		ul.law li { list-style-type: none; width: 32%; display: inline-block; padding: 0 30px 0 30px; font-weight: 700; }
		ul.law li p { display: inline-block; font-weight: 700; margin-right: 10px; }
		ul.law ~ div.cont { margin-left: 15px; }
		ul.law li.abs { display: block; background-color: #3b8ace; border-radius: 3% / 10%; margin: 20px 15px 15px auto; padding: 0; }
		ul.law li.abs a { display:block; width: max-content; min-width: 230px; margin-right: 25px; padding: 6% 18% 6% 10%; color: #ffffff; font-size: 16px; font-weight: 700; white-space:nowrap; background-image: url('../images/icon/Icon_RBA.png'); background-repeat: no-repeat; background-position: right; }
		ul.law li.preview { border: #062284 1px solid; width: 100%; margin-bottom: 0px; padding: 0; }
		ul.law li.added { padding: 0; width: auto; font-weight: 400; }

		/*[page] /quality/customer.aspx*/
		/*[page] /quality/quality.aspx*/
		.quality .gallery { margin-top: 80px; }
		.quality .gallery img { max-width: 33%; }

		/*[page] /about/map.aspx*/
		.entry-content.map {}
		.entry-content.map .map_link { padding: 14px 0 13px 0; text-align:right; font-size: 18px; font-weight: 700; border-bottom: 2px solid #666666; }
		.entry-content.map .contact { font-size: 18px; font-weight: 700; }
		.entry-content.map .contact div { padding: 43px 0 43px 45px; border-bottom: 1px solid #cccccc; }
		.entry-content.map .contact .address { background: url('../images/icon/Address.png') no-repeat 0px center; }
		.entry-content.map .contact .phone { background: url('../images/icon/Phone.png') no-repeat 0px center; }
	/* [Menu] About us 영역 - end
	-------------------------------------------------- */



	/* [Menu] R & D 영역 - start
	-------------------------------------------------- */
		/*[page] /rnd/rnd_01.aspx*/


		/*[page] /rnd/rnd_02.aspx*/
		.rnd .header { text-align: left; }
		.rnd .table>thead { background-color: transparent; }
		.rnd .table>thead:first-child>tr>th { color: #333333; text-align:center; }
		.rnd .table tbody tr th { text-align: center; background-color: transparent; vertical-align:middle; }
		.rnd .table tbody tr td { text-align: left }
	/* [Menu] R & D 영역 - end
	-------------------------------------------------- */



	/* [Menu] IR & PR 영역 - start
	-------------------------------------------------- */
		.accounting {}
		.accounting .table tbody tr th { text-align: left; padding-left: 40px; }
		.accounting .table tbody tr td { text-align: right; word-break: break-word; }
		.accounting .table tbody tr td:empty:before { content: "-"; }
		.accounting .table tbody tr td.word { text-align: center; }
		.accounting .table tbody tr td.desc { text-align: left; }

		.accounting .table tbody tr[data-type=label] th { color:#0000ff; padding-left: 10px; }
		.accounting .table tbody tr[data-type=label]>* { background-color: transparent; }

		.accounting .table tbody tr[data-type=total] th { color:#0000ff; padding-left: 10px; }
		.accounting .table tbody tr[data-type=total] td { font-weight: 700; }
		.accounting .table tbody tr[data-type=total]>* { background-color: transparent; }

		.accounting .table tbody tr[data-type=sub-total] th { color:#0000ff; padding-left: 20px; }
		.accounting .table tbody tr[data-type=sub-total] td { font-weight: 700; }
		.accounting .table tbody tr[data-type=sub-total]>* { background-color: transparent; }

		.accounting .table tbody tr[data-type=sub-item] th { font-weight:400; padding-left: 60px; }
		.accounting .table tbody tr[data-type=sub-item]>* { background-color: transparent; }


		/*[page] /irpr/financial.aspx*/
		#financial-info .table tbody tr:not([data-type=label]):not([data-type=total]):not([data-type=sub-total]):not([data-type=sub-item])>* { border-top-width: 0px; border-bottom-width: 0px; }


		/*[page] /irpr/stock.aspx*/
		dl.linked { margin-left: 0; list-style: none; text-align: right; }
		dl.linked dt { display: none; }
		dl.linked dd { display: inline-block; vertical-align: bottom; }
		.desc-group-item .item-header + dl.linked { margin-top: -32px; }
		.table + dl.linked { margin-top: -7px; }

		#stock-info.table>thead>tr>th { vertical-align:middle; }
		#stock-info.table>thead>tr:nth-child(2)>th { background-color: transparent; }

		#stock-info.table>thead>tr>th:nth-child(1) { width:14%; }
		#stock-info.table>thead>tr>th:nth-child(2) { width:10%; }
		#stock-info.table>thead>tr>th:nth-child(3) {}
		#stock-info.table>thead>tr>th:nth-child(4) { width:10%; }
		#stock-info.table>thead>tr>th:nth-child(5) { width:10%; }
		#stock-info.table>thead>tr>th:nth-child(6) { width:8%; }

		#stock-info.table>thead>tr:nth-child(2)>th:nth-child(1) { width:10%; }
		#stock-info.table>thead>tr:nth-child(2)>th:nth-child(2) {}
		#stock-info.table>thead>tr:nth-child(2)>th:nth-child(3) { width:8%; }
		#stock-info.table>thead>tr:nth-child(2)>th:nth-child(4) { width:8%; }


		/*[page] /irpr/direct.aspx*/
		/*[page] /irpr/official.aspx*/
		/*[page] /irpr/notice_list.aspx*/
		/*[page] /irpr/press_list.aspx*/
		/*[page] /irpr/report_list.aspx*/
	/* [Menu] IR & PR 영역 - end
	-------------------------------------------------- */



	/* [Menu] CAREERS 영역 - start
	-------------------------------------------------- */
		/*[page] /recruit/person_system.aspx*/
		.desc-group-item dl.item-desc { width: 100%; display: inline-grid; }
		.desc-group-item dl.item-desc dt { margin-left: -25px; padding-left: 17px; list-style: none; font-size: 18px; font-weight: 700; color: #333333; }
		.desc-group-item dl.item-desc dd { background: url('../images/icon/ball2.png') no-repeat -7px center; margin-left: -25px; padding-left: 35px; }
		.desc-group-item ul.description li > .img-thumbnail.single:last-child { margin-bottom: 60px; }


		/*[page] /recruit/person.aspx*/
		/*[page] /recruit/recruit_list.aspx*/
		/*[page] /recruit/ordinary.aspx*/


		/*[page] /recruit/occupation.aspx*/
		.careers .header { text-align: left; }
		.careers .table>thead { background-color: transparent; }
		.careers .table>thead:first-child>tr>th { color: #333333; }
		.careers .table tbody tr th { background-color: transparent; vertical-align:middle; }
		.careers .table tbody tr td { text-align: left }


		/*[page] /recruit/edu_system.aspx*/
		/*[page] /recruit/welfare_system.aspx*/
	/* [Menu] CAREERS 영역 - end
	-------------------------------------------------- */



	/* [Menu] SUPPORT 영역 - start
	-------------------------------------------------- */
		/*[page] /support/sitemap.aspx*/
		.sitemap.desc-group .desc-group-item { margin-bottom: 50px; float: left; }
		.sitemap.desc-group .desc-group-item .item-header { color: #333333; font-size: 28px; font-weight: 700; }
		.sitemap.desc-group .desc-group-item > div { display: table-cell; }
		.sitemap.desc-group .desc-group-item .dropdown-itemouter { display: inline-block; margin-top:20px; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; }
		.sitemap.desc-group .desc-group-item .dropdown-itemlist { display: table-cell; width: 222px; padding-top: 28px; padding-left: 20px; list-style-type: none; border-right: 1px solid #e1e1e1; }
		.sitemap.desc-group .desc-group-item .dropdown-itemlist a:hover,
		.sitemap.desc-group .desc-group-item .dropdown-itemlist a:focus { color: #428bca; }
		.sitemap.desc-group .desc-group-item .dropdown-itemlist > li { margin-bottom:32px; line-height: 16px; font-weight: 700; }
		.sitemap.desc-group .desc-group-item .dropdown-itemlist > li:last-child { margin-bottom:0; }
		.sitemap.desc-group .desc-group-item .dropdown-itemlist > li:first-child:last-child { margin-left: auto; }
		.sitemap.desc-group .desc-group-item .dropdown-itemlist > li * { color: #5b5b5b; font-size: 16px; }
		.sitemap.desc-group .desc-group-item .dropdown-itemlist .sub { list-style-type: none; margin-top: 11px; margin-left: auto; padding-left: initial; }
		.sitemap.desc-group .desc-group-item .dropdown-itemlist .sub * { font-size: 14px; font-weight: 500; padding: 5px 0 5px 0; }
		.sitemap.desc-group .desc-group-item .dropdown-itemlist .sub > li:before { content: " "; background: url('../images/icon/sitemap_icon.png') no-repeat 0 5px; padding-right: 16px; padding-left: 2px; }

			/*R & D*/
			.sitemap.desc-group .desc-group-item:nth-child(3) { margin-left: 28px; }
			.sitemap.desc-group .desc-group-item:nth-child(3) .dropdown-itemlist { width: 207px; height: 107px; }


		/*[page] /support/personal.aspx*/
		/*[page] /support/cctv.aspx*/
		.desc.support .sec_title { font-weight:700; margin-top:24px; }


		/*[page] /search/search.aspx*/
		.entry-content .search-bar { width: 100%; margin-bottom: 40px; }
		.entry-content .search-bar .searchquery { width: 99%; height: 36px; font-size: 12px; float: left; border-radius: 10px; padding: 2px 15px 2px 15px; }
		.entry-content .search-bar .glyphicon-search { float: left; margin-left: -52px; padding: 10px 20px 10px 20px; border-radius: 18px 10px 10px 18px; line-height: 14px; background-color: #393939; color: #ffffff; cursor: pointer; }
		.entry-content .search-bar input[type=image] { display:none; }
	/* [Menu] SUPPORT 영역 - end
	-------------------------------------------------- */



/* 반응형 처리
-------------------------------------------------- */
@media all and (min-width: 1900px) {
}
@media (min-width: 1137px) {	/*검색버튼 사라지기 시작하는 시점*/
}
@media (max-width: 1136px) {
	body > nav > .container { width: inherit; }
}
@media (min-width: 993px) {	/* PC용 최소 폭 */
	/* Sidebar styles - start
	-------------------------------------------------- */
		.sidebar { position: absolute; display: block; max-width:195px; padding: 0 46px 0 0; overflow-x: hidden; overflow-y: auto; }
		.sidebar + .hfeed { margin-left:228px; }
	/* Sidebar styles - end
	-------------------------------------------------- */

	/* 본문 영역 */
	#conCenter {}


	/* [Menu] About us 영역 - start
	-------------------------------------------------- */
		/*[page] /about/network.aspx*/
		.network .name br { display: contents; }
	/* [Menu] About us 영역 - end
	-------------------------------------------------- */

}
@media (max-width: 992px) {	/* 스마트 폰으로 인정하는 최대 폭 */
	body > .container { padding-left: 0px; }

	/* Sticky footer styles
	-------------------------------------------------- */
	.footer > .container { width:auto; }

	/* navigation */
	.navbar-fixed-top { height: 68px; }
	.navbar-fixed-top:before,
	.navbar-fixed-top:after { border-top: none; }
	.navbar-fixed-top:before { margin-top: 0px; }

	.navbar .navbar-header { margin-top: -101px; }



	/* Location(tags) styles - start
	-------------------------------------------------- */
		body > .tags .container { width: 100%; }
	/* Location(tags) styles - end
	-------------------------------------------------- */



	/* [Common] Main content - start
	-------------------------------------------------- */
		#sidebar { margin-right: 0; margin-left: 0; }
	/* [Common] Main content - end
	-------------------------------------------------- */



	/* 상단 1차 메뉴 대표 이미지 영역 styles - start
	-------------------------------------------------- */
		.groupInfo { margin-top: 68px; }
		.groupInfo > .container { width: 100%; height: 240px; margin: 0 auto 0 auto; padding: initial; }
	/* 상단 1차 메뉴 대표 이미지 영역 styles - end
	-------------------------------------------------- */

	#conCenter { margin-left: 15px; margin-bottom: 67px; width: 100%; }



	/* [Common] 설명형 그룹 영역 - start
	-------------------------------------------------- */
		.desc-group-item ul { padding-right: 2px; padding-left: 10px; }
	/* [Common] 설명형 그룹 영역 - end
	-------------------------------------------------- */



	/* [Common] 게시판 영역 - view - start
	-------------------------------------------------- */
		.board01 .body dd img { display: inline-block; border: 0px; padding: 0; border-radius: initial; max-width: 100%; }
	/* [Common] 게시판 영역 - view - end
	-------------------------------------------------- */



	/* [Menu] About us 영역 - start
	-------------------------------------------------- */
		/*[page] /about/about.aspx*/
		.infographics { background: none; }
		.infographics .img-thumbnail > img { visibility: visible; }

		/*[page] /irpr/custom.aspx*/
		.custom h3 ~ div > span,
		.custom h3:nth-child(6) ~ div > span { flex-basis: 33%; }
		.custom h3:nth-child(6) ~ div > span:last-child { flex-basis: 66%; }
	/* [Menu] About us 영역 - end
	-------------------------------------------------- */



	/* [Menu] SUPPORT 영역 - start
	-------------------------------------------------- */
		/*[page] /support/sitemap.aspx*/
		.sitemap.desc-group .desc-group-item .dropdown-itemlist { width: 200px; }
		.sitemap.desc-group .desc-group-item:nth-child(3) .dropdown-itemlist { width: 186px; }
	/* [Menu] SUPPORT 영역 - end
	-------------------------------------------------- */
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {	/*스마트 폰 가로방향*/
	/* 상단 1차 메뉴 대표 이미지 영역 styles - start
	-------------------------------------------------- */
		.groupInfo > .container { padding-top: 0px; }
		.groupInfo > .jumbotron > h1 { font-size: 3em; }
		.groupInfo > .jumbotron > p { font-size: 1.3em; }
	/* 상단 1차 메뉴 대표 이미지 영역 styles - end
	-------------------------------------------------- */



	/* [Common] Main content - start
	-------------------------------------------------- */
		.hfeed .page-header { margin-bottom: 20px; }
	/* [Common] Main content - end
	-------------------------------------------------- */



	/* [Common] Placeholder dashboard ideas - start
	-------------------------------------------------- */
		.placeholders { margin-right: -5px; margin-left: -5px; }
	/* [Common] Placeholder dashboard ideas - end
	-------------------------------------------------- */



	/* [Common] 본문 tab - start
	-------------------------------------------------- */
		.nav-pills+*:not(.desc):not(.board):not(.board01):not(form) { padding-top: 0px; }
		.nav-pills>li { padding: 0; width: 100%; margin: 0; display: block; }
		.nav-pills>li>a, .nav-pills>li>a:focus, .nav-pills>li>a:hover { height: 40px; padding: 8px; margin-bottom: 5px; }
		.nav-pills>li+li { margin-left: 0; }
		.nav-pills>li .title { display: inline; }

		.nav-pills>li+li:before { display:none; }
	/* [Common] 본문 tab - end
	-------------------------------------------------- */



	/* [Common] text display - start
	-------------------------------------------------- */
		.slogan { font-size:18px; margin-bottom: 40px; }
		.slogan > br { content: none; }
	/* [Common] text display - end
	-------------------------------------------------- */



	/* [Common] image display - start
	-------------------------------------------------- */
		.img-thumbnail.single:last-child { margin-bottom: 0px; }
		.main-pic { width: 100%; text-align: center; }
		.main-pic > img { margin: auto; float: unset; }
	/* [Common] image display - end
	-------------------------------------------------- */



	/* [Menu] About us 영역 - start
	-------------------------------------------------- */
		/*[page] /about/about.aspx*/
		.infographics a { display: inline-block; }
		.infographics .img-thumbnail img { width: 70%; height: auto; }
		.infographics .img-thumbnail .caption > h2,
		.infographics .img-thumbnail .caption > p { font-size: 12px; }

		/*[page] /irpr/custom.aspx*/
		.custom h3 ~ div > span,
		.custom h3:nth-child(6) ~ div > span { flex-basis: 50%; }
		.custom h3:nth-child(6) ~ div > span:last-child { flex-basis: 50%; }
	/* [Menu] About us 영역 - end
	-------------------------------------------------- */



	/* [Menu] PRODUCTS 영역 - start
	-------------------------------------------------- */
		.product .table th,
		.product .table td { font-size: 12px; }

		/* HDI 탭버튼 높이 조정 */
		.nav.product>li>a,
		.nav.product>li>a:focus { height: 40px; padding: 8px; margin-bottom: 5px; }

		/* SPS 6개 탭버튼 정렬 */
		.nav.package>li { padding: 0; width: 100%; margin: 0; display: block; }
		.nav.package>li>a,
		.nav.package>li>a:focus { height: 40px; padding: 8px; margin-right: 0; margin-bottom: 5px; }
		.nav.package>li:nth-child(1),
		.nav.package>li:nth-child(2),
		.nav.package>li:nth-child(3),
		.nav.package>li:nth-child(4),
		.nav.package>li:nth-child(5),
		.nav.package>li:nth-child(6),
		.nav.package>li:nth-child(7) { width: 100%; border-top-color: transparent; }
		.nav.package>li:nth-child(4)>a,
		.nav.package>li:nth-child(7)>a { margin-right: 0; }
	/* [Menu] PRODUCTS 영역 - end
	-------------------------------------------------- */



	/* [Menu] IR & PR 영역 - start
	-------------------------------------------------- */
		.accounting .table tbody tr th { padding-left: 20px; }
		.accounting .table tbody tr[data-type=label] th { padding-left: 2px; }
		.accounting .table tbody tr[data-type=total] th { padding-left: 2px; }
		.accounting .table tbody tr[data-type=sub-total] th { padding-left: 7px;}
		.accounting .table tbody tr[data-type=sub-item] th { padding-left: 40px; }
	/* [Menu] IR & PR 영역 - end
	-------------------------------------------------- */



	/* [Menu] CAREERS 영역 - start
	-------------------------------------------------- */
		/*[page] /recruit/person_system.aspx*/
		.desc-group-item dl.item-desc { width: 100%; }
	/* [Menu] CAREERS 영역 - end
	-------------------------------------------------- */



	/* [Menu] SUPPORT 영역 - start
	-------------------------------------------------- */
		/*[page] /support/sitemap.aspx*/
		.sitemap.desc-group .desc-group-item,
		.sitemap.desc-group .desc-group-item:nth-child(3) { margin-left: 10px; }
		.sitemap.desc-group .desc-group-item .dropdown-itemlist { width: 155px; }
		.sitemap.desc-group .desc-group-item:nth-child(3) .dropdown-itemlist { width: 149px; height: 123px; }
	/* [Menu] SUPPORT 영역 - end
	-------------------------------------------------- */
}
@media (max-width: 427px) {	/*스마트 폰 세로방향*/
	/* 상단 1차 메뉴 대표 이미지 영역 styles - start
	-------------------------------------------------- */
		.groupInfo > .jumbotron > h1 { font-size: 2em; }
		.groupInfo > .jumbotron > p { font-size: 1em; }

		.groupInfo {}
		.groupInfo.visible { background-size: 230% auto; }
	/* 상단 1차 메뉴 대표 이미지 영역 styles - end
	-------------------------------------------------- */

	#conCenter { margin-bottom: 10px; }



	/* [Common] Main content - start
	-------------------------------------------------- */
		.sidebar + .hfeed { padding-top: 0px; }
		.hfeed .page-header { font-size:30px; }
	/* [Common] Main content - end
	-------------------------------------------------- */



	/* [Common] image display - start
	-------------------------------------------------- */
		.main-pic > img { width: inherit; }
	/* [Common] image display - end
	-------------------------------------------------- */



	/* [Common] 공통 테이블 영역 - start
	-------------------------------------------------- */
		.table>thead>tr>td,
		.table>thead>tr>th,
		.table>tbody>tr>td,
		.table>tbody>tr>th { padding: 4px; vertical-align: middle; }
	/* [Common] 공통 테이블 영역 - start
	-------------------------------------------------- */



	/* [Common] 설명형 그룹 영역 - start
	-------------------------------------------------- */
		.desc-group-item .item-header > br:before { content: ''; display: block; height: 0.5em; }
		.desc-group-item .item-header > br:after { content: ''; display: block; height: 0.5em; margin-left: 1.6em; float: left; }
	/* [Common] 설명형 그룹 영역 - end
	-------------------------------------------------- */



	/* [Common] 게시판 영역 - view - start
	-------------------------------------------------- */
		.board01 .head dt { display: none; }
		.board01 .body dd img { display: inline-block; border: 0px; padding: 0; border-radius: initial; max-width: 100%; }
	/* [Common] 게시판 영역 - view - end
	-------------------------------------------------- */



	/* [Common] 페이징 요소(pageNum) 영역 - start
	-------------------------------------------------- */
		table.paging {border-spacing: 1px 0; font-size: 12px;}
		table.paging td { min-width: 26px; }
	/* [Common] 페이징 요소(pageNum) 영역 - end
	-------------------------------------------------- */



	/* [Menu] About us 영역 - start
	-------------------------------------------------- */
		/*[page] /about/history.aspx*/
		.history .year > dt { flex-basis: 3em; min-width: 70px; max-width: 70px; padding-top: 40px; padding-left: 0; font-size: 1.6em; }
		.history .year > dd { padding-top: 40px; }

		/* history: single item */
		.history .year > dd > dl > dt { flex-basis: 2.627em; font-size: 0.85em; padding-left: 1em; }
		.history .year > dd > dl > dd { font-size: 0.70em; }

		/* history: marking */
		.history .year > dt:after { margin: 0 0 0 3px; }


		/*[page] /about/network.aspx*/
		.network { font-size: 14px; }
		.network .flag,
		.network .name { display:block; width:100px; padding: 10px 0 10px 0; }
		.network .name { min-height: 100px; border-top: 0; }
		.network .info { border-left: 0px; border-bottom-width: 2px; }
		.network tr:last-child .info { border-bottom-width: 1px; }


		/*[page] /source/rba.aspx*/
		ul.law { margin: 20px 5px 10px 5px; padding: 20px 10px 10px 10px; }
		ul.law li { width: 100%; padding: 0 10px 0 10px; }
		ul.law li.abs { position: relative; top: auto; right: auto; border-radius: 7% / 50%; }
		ul.law li.abs a { width: 90%; padding: 5%; margin-bottom: 5px; margin-right: auto; text-align: center; }
	/* [Menu] About us 영역 - end
	-------------------------------------------------- */



	/* [Menu] PRODUCTS 영역 - start
	-------------------------------------------------- */
		.product .table th,
		.product .table td { font-size: 12px; }
	/* [Menu] PRODUCTS 영역 - end
	-------------------------------------------------- */



	/* [Menu] IR & PR 영역 - start
	-------------------------------------------------- */
		.accounting .table thead tr th { font-size: 12px; }
		.accounting .table tbody tr th { font-size: 12px; padding-left: 10px; }
		.accounting .table tbody tr td { font-size: 12px; }
		.accounting .table tbody tr[data-type=sub-item] th { padding-left: 20px; }

		/*[page] /irpr/stock.aspx*/
		#stock-info.table { font-size:10px; }
	/* [Menu] IR & PR 영역 - end
	-------------------------------------------------- */



	/* [Menu] SUPPORT 영역 - start
	-------------------------------------------------- */
		/*[page] /support/sitemap.aspx*/
		.sitemap.desc-group .desc-group-item,
		.sitemap.desc-group .desc-group-item:nth-child(3) { margin-left: 10px; }
		.sitemap.desc-group .desc-group-item .dropdown-itemlist { width: 300px; margin-top: 0px; margin-bottom: 0px; display: block; }
		.sitemap.desc-group .desc-group-item:nth-child(3) .dropdown-itemlist { width: 300px; height: 77px; }
	/* [Menu] SUPPORT 영역 - end
	-------------------------------------------------- */
}
@media (max-width: 375px) {
}
@media (max-width: 349px) {
}