@CHARSET "utf-8";
@import url('default.css');
@import url('common.css');
@import url('layout.css');

/********** 01_회사소개 **********/
/* 현황 */
#container.status {width:100%; padding:0 0 75px; background:url(/images/intro/bg_status.gif) no-repeat 50% 100%;}
#container.status #contArea {width:978px; margin:0 auto;}
.status .headVisual {width:1189px; height:408px; margin-left:-211px; text-align:right; background:url(/images/intro/cont_status1.jpg) no-repeat 0 0;}
.status .headVisual img {margin-top:90px; margin-right:3px;}
.status .ck-content { margin-left: -211px; }
.status .ck-content .media { width: 978px; margin-left: auto; }
.statusArea {overflow:hidden; margin-top:60px;}
.statusArea h2 {padding-left:22px; margin-bottom:20px; color:#424242; font-size:23px; line-height:27px; font-family:nGothicEB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold; background:url(/images/common/blt3.gif) no-repeat 0 5px;}
.statusArea p {line-height:22px; word-break:keep-all;}
.statusArea .fl {width:440px;}
.statusArea2 .fl {width:auto;}
.statusArea2 .fr {width:489px;}
.statusArea3 {position:relative; margin:0 0 50px; height:378px; padding-top:60px; background:url(/images/intro/cont_status4.jpg) no-repeat 100% 0;}
.statusArea3 .btn {position:absolute; right:13px; top:294px; }
.statusArea3 .btn img {width:211px; height:41px;}
.statusMv {position:relative; width:978px; height:550px; background:#000 url(/imgaes/intro/poster.jpg) no-repeat 0 0;}
.statusMv video {width:100%; height:100%;}
	.controls {position:absolute; left:0; top:0; width:100%; height:100%;}
	.controls p {position:absolute; left:50%; top:50%; margin-left:-44px; margin-top:-44px;}
.statusMv+.caption {margin-top:20px; font-size:15px; color:#424242; text-align:center; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}	
/* 연혁 */
.historyText {margin-top:-10px; line-height:22px; word-break:keep-all;}	
.historyArea {position:relative; width:978px; height:2000px; margin-top:60px; background:url(/images/intro/bg_history.gif) no-repeat 50% 0;}
.historyArea h2 {position:absolute; top:0; width:100px; text-align:center;}
.historyArea ul {margin-top:22px;}
.historyArea li {position:relative; font-size:14px; line-height:22px;}
.historyArea li .date {position:absolute; top:0; color:#905b1b; font-family:nGothicEB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.historyArea li strong {color:#7a0806;}
.historyArea li em {color:#222; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold; vertical-align:top;}
	.history_2019 {top:167px;}
	.history_2017 {top:412px;}
	.history_2016 {top:522px;}
	.history_2014 {top:682px;}
	.history_2010 {top:890px;}
	.history_2008 {top:1036px;}
	.history_2007 {top:1190px;}
	.history_2005 {top:1268px;}
	.history_2003 {top:1394px;}
	.history_2002 {top:1471px;}
	.history_2001 {top:1590px;}
	.history_1996 {top:1686px;}
	.history_1995 {top:1768px;}
	.history_1991 {top:1844px;}
	.history_1989 {top:1965px;}
.historyArea .right {position:absolute; right:0; width:408px; padding-left:130px;}
.historyArea .right h2 {left:0; padding-right:20px; background:url(/images/common/blt4.gif) no-repeat 100% 32px;}
.historyArea .right li {padding-left:22px;}
.historyArea .right li .date {left:0;}
.historyArea .right li img {margin:20px 0 0 -100px;}
.historyArea .left {position:absolute; left:0; width:408px; padding-right:130px; text-align:right;}
.historyArea .left h2 {right:0; padding-left:20px; background:url(/images/common/blt4.gif) no-repeat 0 32px;}
.historyArea .left li {padding-right:22px;}
.historyArea .left li .date {right:0;}
.historyArea .left li img {margin:20px -100px 0 0;}
.historyArea .right.big {width:388px; padding-left:150px;}
.historyArea .right.big h2 {padding-right:40px; background-position:100% 43px;}
.historyArea .right.big ul {margin-top:33px;}
.historyArea .right.big li img {margin-left:-120px;}
.historyArea .left.big {width:388px; padding-right:150px;}
.historyArea .left.big h2 {padding-left:40px; background-position:0 43px;}
.historyArea .left.big ul {margin-top:33px;}
.historyArea .left.big li img {margin-right:-120px;}
/* 브랜드소개-공통 */
.brandText {margin-top:25px; line-height:22px; word-break:keep-all;}
.tab+.brandText {margin-top:50px;}
.tab+.ck-content {margin-top: 50px;}
.brandArea {position:relative; /* overflow:hidden; */ width:832px; padding-left:147px; margin-top:60px;}
.brandArea .godoImg img {margin-top:80px;}
.brandArea .godoImg {margin-bottom:80px;}
.brandArea h2 {position:absolute; left:0; top:0;}
/* 브랜드소개-soil7 */
	.concept {height:543px; background:url(/images/intro/cont_seven1.jpg) no-repeat 325px 0;}
.brandArea dl {position:absolute; left:147px; bottom:0; width:228px;}
.brandArea dt {margin:18px 0 5px; color:#905b1b; font-size:20px;}
.brandArea dt img {margin-top:-2px; vertical-align:middle;}
.brandArea dd {line-height:20px;}
.brandArea dd strong {color:#222;}
.brandArea dl.fr {left:auto; right:0;}
.brandArea dt:first-child {margin-top:0;}
.brandArea p.text {line-height:22px; word-break:keep-all;}
.brandArea>h3 {margin:40px 0 10px; color:#222; font-size:17px; line-height:1.1em; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.brandArea>h3:first-of-type {margin-top:25px;}
.brandArea .fs {margin-top:10px;}
	.optional {position:relative; *zoom:1; margin-top:-49px;}
	.optional:after {content:""; display:block; clear:both;}
	.optional .thumb {float:left; margin:0 34px 0 17px;}
	.optional h4 {padding:80px 0 10px; color:#222; font-size:14px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.logoColorA {width:100%; margin-top:60px; }
.logoColorA div.title {width:150px; display: inline-block; vertical-align: top; font-weight:600;}
.logoColorA div {display:inline-block; margin-right:17px; position: relative;}
.logoColorA div strong {position: absolute; top:-30px; left:0; font-size:15px; color: #67441e;}
.logoColorA div p {display:inline-block; margin-right:6px;}
.logoColorA div p img {margin-bottom:8px;}
.logoColorB {width:100%; margin-top:60px; }
.logoColorB div.title {width:150px; display: inline-block; vertical-align: top; font-weight:600;}
.logoColorB div {display:inline-block; margin-right:17px; position: relative;}
.logoColorB div.mr0 {margin-right:0;}
.logoColorB div strong {position: absolute; top:-30px; left:0; font-size:15px; color: #67441e;}
.logoColorB div p {display:inline-block; margin-right:6px;}
.logoColorB div p img {margin-bottom:8px;}
.logoColorB div p span {display: inline-block; text-indent:34px;}
/* .logoColor th {text-align:left; vertical-align:top; font-size:15px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.logoColor thead th {height:27px; color:#905b1b;}
.logoColor thead th.thw {width:230px;}
.logoColor tbody td {padding-bottom:12px; vertical-align:top; line-height:16px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.logoColor tbody td p {display:inline-block; margin-right:6px; font-weight: 600;}
.logoColor tbody td p img {margin-bottom:5px;} */
/* 브랜드소개-goodoil */
.goodoil {position:relative; height:388px;}
.goodoil ul {width:330px; height:388px;}
.goodoil li {float:left; width:103px; height:88px; margin:0 7px 9px 0;}
.goodoil li h3 {width:103px; height:88px; overflow:hidden;}
.goodoil .thumb {position:absolute; right:0; top:0; z-index:0;}
.goodoil .btn {position:absolute; right:158px; bottom:10px; z-index:0;}
.goodoil .btn.center {right:175px;}
.goodoil li.on h3 img {margin-top:-88px;}
.goodoil li.on .thumb, .goodoil li.on .btn {z-index:1;}
/* 생산설비-윤활기유 */
.baseoilHistory {position:relative; width:831px; height:772px; margin-top:-20px; background:url(/images/intro/bg_baseoil.gif) no-repeat 50% 0;}
.baseoilHistory h2 {position:absolute; top:0; left:auto; width:51px; text-align:center;}
.baseoilHistory h2.txt {height:30px; padding-top:22px; font-size:20px; letter-spacing:-1px; color:#222; font-family:nGothicEB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold; background-color:#fff !important;}
.baseoilHistory h2.txt span {background-color:#fff;}
.baseoilHistory ul {margin-top:21px;}
.baseoilHistory li {position:relative; font-size:14px; line-height:22px;}
.baseoilHistory li strong {color:#7a0806;}
	.baseoil_present {top:0px;}
	.baseoil_2019 {top:110px;}
	.baseoil_2019 h2.txt {padding-top:4px;}
	.baseoil_2002 {top:244px;}
	.baseoil_1990 {top:398px;}
	.baseoil_1981 {top:518px;}
.baseoilHistory .right {position:absolute; right:0; width:358px; padding-left:84px;}
.baseoilHistory .right h2 {left:0; padding-right:28px; background:url(/images/common/blt6.gif) no-repeat 100% 32px;}
.baseoilHistory .right li {padding-left:9px; background:url(/images/common/blt5.gif) no-repeat 0 10px;}
.baseoilHistory .right li img {margin:20px 0 0 -65px;}
.baseoilHistory .left {position:absolute; left:0; width:357px; padding-right:84px; text-align:right;}
.baseoilHistory .left h2 {right:0; padding-left:28px; background:url(/images/common/blt6.gif) no-repeat 0 32px;}
.baseoilHistory .left li {padding-right:9px; background:url(/images/common/blt5.gif) no-repeat 100% 10px;}
.baseoilHistory .left li img {margin:20px -65px 0 0;}
.baseoilHistory .btn {position:absolute; right:15px; bottom:47px;}

.rnbCenter {width: 100%; border-top:2px solid #000; border-bottom:2px solid #000; margin:20px 0px 40px;}
.rnbCenter th {width:230px; font-size:16px; color: #222; text-align: center; background:#f8f8f8; border-right: 1px solid #222; border-bottom: 1px solid #222;}
.rnbCenter td {width:400px; font-size:16px; color: #424242; text-align: left; border-bottom:1px solid #222; border-right:1px solid #e5e5e5; padding:15px 20px; line-height:26px;}
.rnbCenter td:last-child {border-right:none;}
.rnbCenter td.title {text-align: center; color: #222; font-weight:600;}
.rnbCenter td img {width: 100%; margin-bottom:10px; text-align: center;}
.technonlogyPro {width:100%; margin-top:20px;}
.technonlogyPro ul {}
.technonlogyPro ul li {display: inline-block; width:241px; height:290px; text-align: center; font-weight: 600;}
.technonlogyPro ul li img {margin-bottom:10px;}
/* 생산설비-STLC */
.stlc {margin-top:50px;}
.stlc:after {content:""; display:block; clear:both;}
/* 연락처 */
.network h2 {margin:50px 0 20px;}
.network .bbsList td {padding-left:20px; border-left:1px solid #e5e5e5; text-align:left;}
.network .bbsList td.ac {padding-left:0;}
.network .bbsList tbody tr:nth-child(2n), .network .bbsList tbody tr:nth-child(2n) {background:#f6f6f6;}
.contact {margin-top:30px; overflow:hidden;}
.contact h2 {float:left; margin-right:30px;}
.contact ul {margin-top:4px;}
.contact li {position:relative; padding:0 0 10px 75px; font-size:15px; background:url(/images/common/blt5.gif) no-repeat 0 9px;}
.contact li strong {position:absolute; left:15px; top:0;}
.contact .notList a{ font-size:18px; color:#222; font-weight:bold;}
.contact .text {margin-top:10px; color:#222; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.contact .text a {color:#222;}

/********** 02_윤활유지식 **********/
/* 기초 */
#container.basic1 #contArea, #container.basic2 #contArea {width:978px; margin:0 auto;}
/*#container.basic2 {background-image:url('/images/knowledge/bg_basic2.gif');}*/
.basicArea {margin-top:50px; overflow:hidden;}
.basicArea .cont p {margin-top:22px; line-height:22px; word-break:keep-all;}
.basicArea .cont p.impor {margin-bottom:32px; color:#222; font-size:15px; line-height:23px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.basicArea .cont p:first-child {margin-top:0;}
.basicArea .cont.fr {width:600px;}
.basicArea .cont.fl {width:375px;}
.basicArea dt {margin:22px 0 5px; color:#222; font-size:17px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.basicArea dt img {margin:-3px 4px 0 0; vertical-align:middle;}
.basicArea dd {line-height:22px; word-break:keep-all;}
.classfiArea h2 {margin:50px 0 5px; color:#222; font-size:17px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.classfiArea h2 img {margin:-3px 4px 0 0; vertical-align:middle;}
.classfiArea p {margin-top:22px; line-height:22px; word-break:keep-all;}
.classfiArea h2+p {margin-top:0;}
	.chart {overflow:hidden; margin-top:35px; background:url(/images/knowledge/bg_chart.gif) no-repeat 0 0;}
	.chart>li {float:left; width:187px; margin-left:10px; text-align:center; }
	.chart>li h3 {height:39px; margin:43px 0 15px; color:#222; font-size:14px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
	.chart>li ul {margin:0 auto;}
	.chart>li li {float:left; padding-left:9px; line-height:24px; text-align:left; text-indent:-9px;}
	.chart>li:first-child {margin-left:0;}
.classfiArea h3 {margin:25px 0 5px; color:#905b1b; font-size:15px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.classfiArea h3+p {margin-top:0;}
	.classfiList {width:100%; margin-top:15px; table-layout:fixed; border-bottom:1px solid #222; border-top:2px solid #000;}
	.classfiList thead th {padding:8px 0 7px; border-bottom:1px solid #e5e5e5; font-size:12px; line-height:14px; color:#222; background:url(/images/common/divi3.gif) no-repeat 0 0}
	.classfiList thead tr.inner th {border-bottom-color:#222; background:none;}
	.classfiList tbody th, .classfiList tbody td {line-height:23px; text-align:center; font-family:NanumGothic, '나눔고딕', nGothic, dotum, gulim; font-weight:normal;}
	.classfiList thead th:first-child {background:none;}
	.classfiList tbody tr:first-child th, .classfiList tbody tr:first-child td {padding-top:15px;}
	.classfiList tbody tr:last-child th, .classfiList tbody tr:last-child td {padding-bottom:15px;}
.classfiArea .bbsList {margin-top:15px;}
.classfiArea .bbsList tbody th {border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.classfiArea .bbsList tbody th:first-child {border-left:0;}
.classfiArea .bbsList tbody th, .classfiArea .bbsList tbody td {padding:0; border-top:0; line-height:23px;}
.classfiArea .bbsList tbody tr:first-child th, .classfiArea .bbsList tbody tr:first-child td {padding-top:15px;}
.classfiArea .bbsList tbody tr:last-child th, .classfiArea .bbsList tbody tr:last-child td {padding-bottom:15px;}


/********** 03_제품 **********/
/* 리스트 */
.pdtList {padding-bottom:1px; margin-top:30px; overflow:hidden;}
.pdtList li {position:relative; float:left; width:275px; height:225px; padding:35px 20px 0 192px; margin:0 -1px -1px 0; border:1px solid #e5e5e5;}
.pdtList li .thumb {position:absolute; left:0; top:25px; width:192px; text-align:center;}
.pdtList li .thumb img {width:156px; height:203px;}
.pdtList li .info {height:160px;}
.pdtList li .tit {font-size:20px; color:#222; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.pdtList li .smr {margin-top:5px; color:#222; font-size:14px; line-height:20px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.pdtList li .cont {margin-top:10px; line-height:20px; word-break:keep-all; display: -webkit-box;
white-space: normal;
word-wrap: break-word;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; height:37px; overflow-y:hidden;}
.pdtList li.none {float:none; width:100%; height:auto; padding:50px 0; margin:0; border:none; text-align:center;}
.pdtAllList .head {height:37px; margin-top:50px; overflow:hidden;}
.pdtAllList h2 {float:left;}
.pdtAllList .text {float:right; margin-top:15px; font-size:12px; color:#905b1b;}
.pdtAllList .bbsList td {padding:10px 0; border-left:1px solid #e5e5e5; line-height:20px;}
.pdtAllList .bbsList td.name {text-align:left; font-size:16px; color:#222; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.pdtAllList .bbsList td.name img {width:97px; margin:0 30px; vertical-align:middle;}
.pdtAllList .bbsList td p {padding:3px 0 2px; line-height:20px;}
.pdtAllList .bbsList td p a:hover, .pdtAllList .bbsList td p a:focus {text-decoration:underline; color:#905b1b; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.pdtAllList .bbsList td.smr {padding-left:25px; padding-right:25px; text-align:left;}
.pdtAllList .bbsList tr:nth-child(2n) td {background:#f6f6f6;}
.pdtAllList .bbsList td:first-child {border-left:0;}

/* 상세 */
.allPdtSlide {position:relative; width:100%; min-width:1096px; height:118px; background:#828686 url(/images/product/bg_slide.jpg) no-repeat 50% 0;}
.allPdtSlide .slideCont {width:1040px; margin:0 auto; overflow:hidden; position: absolute; left:50%; margin-left:-520px;}
.allPdtSlide ul {width:20000px;}
.allPdtSlide li {float:left; width:97px; padding:12px 16px 0 17px; text-align:center; font-size:11px;}
.allPdtSlide li img  {width:97px; height:76px; margin-bottom:3px;}
.allPdtSlide li a {color:#222;}
.allPdtSlide li a:hover, .allPdtSlide li a:focus 	{color:#905b1b; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.allPdtSlide .prev {position:absolute; left:50%; top:42px; margin-left:-548px;}
.allPdtSlide .next {position:absolute; left:50%; top:42px; margin-left:529px;}

.pdtDetail {margin-top:60px; *zoom:1;}
.pdtDetail:after {content:""; display:block; clear:both;}
.pdtDetail .content {float:left; width:690px;}
.pdtDetail .content .article {position:relative; width:675px; padding:30px 0 0 15px; margin-top:45px; line-height:20px;}
	.pdtDetail .content h3 {position:absolute; left:0; top:0; padding-left:15px; color:#222; font-size:18px; line-height:1.1em; background:url(/images/common/blt2.gif) no-repeat 0 6px;}
	.pdtDetail .content .bbsList thead th {height:40px;}
	.pdtDetail .content .bbsList tbody td {padding:7px 0;}
	.pdtDetail .content .article:first-child {margin-top:0;}
	.pdtDetail .content ul li {margin-left:15px; list-style:disc;}
.pdtDetail .aside {float:right; width:226px;}
.pdtDetail .aside .downBtn img {margin-top:4px;}
.pdtDetail .aside .article {margin-top:50px;}
.pdtDetail .aside .article .head {height:27px; overflow:hidden;}
	.pdtDetail .aside .article h3  {float:left; color:#222; font-size:18px; line-height:1.1em; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
	.pdtDetail .aside .article .btn  {float:right; padding:6px 2px 0 0; text-align:right;}
	.pdtDetail .aside .article .btn input  {margin-left:3px;}
.pdtDetail .aside .article .cont {border:3px solid #956839;}
	.pdtDetail .aside .relativeList .slideCont {width:180px; height:212px; margin:0 auto; overflow:hidden;}
	.pdtDetail .aside .relativeList ul {width:180px;}
	.pdtDetail .aside .relativeList li {position:relative; width:108px; height:70px; padding:35px 0 0 72px; border-top:1px solid #c0c0c0;}
	.pdtDetail .aside .relativeList li .thumb {position:absolute; left:0; top:10px; width:65px; height:85px;}
	.pdtDetail .aside .relativeList li .thumb img {width:65px; height:85px;}
	.pdtDetail .aside .relativeList li .tit {line-height:18px; vertical-align:top;}
	.pdtDetail .aside .relativeList li .tit strong {font-size:14px; color:#222;}
	.pdtDetail .aside .relativeList li.none {width:180px; height:auto; padding:50px 0; text-align:center;}
	.pdtDetail .aside .relativeList li:nth-child(2n+1) {border-top-width:0;}
	.pdtDetail .aside .pdtAll .cont a {display:block;}
	.pdtDetail .aside .pdtAll .cont span.text {display:block; margin:3px 0 15px; text-align:center; line-height:19px;}


/********** 04_자료실 **********/
/* 브로셔 */
.brochureList {position:relative; margin-top:30px; border-bottom:1px solid #c0c0c0;}
.brochureList .slideCont {width:868px; height:175px; margin-left:98px; overflow:hidden;}
.brochureList ul {width:20000px; height:175px;}
.brochureList li {position:relative; float:left; width:125px; height:175px; padding-right:6px; margin-right:86px; background:url(/images/data/bg_brochureList.gif) no-repeat 100% 0;}
.brochureList li img {width:125px; height:175px;}
.brochureList li .frame {display:none; position:absolute; left:0; top:0; width:125px; height:175px; background:url(/images/data/frame_brochure.png) no-repeat 0 0;}
.brochureList li.on a .frame, .brochureList li a:hover .frame, .brochureList li a:focus .frame  {display:block;}
.brochureList .prev {position:absolute; left:3px; top:72px;}
.brochureList .next {position:absolute; right:3px; top:72px;}
.brochureArea {margin-top:40px;}
.brochureArea h2 {margin-bottom:20px; font-size:25px; color:#222; font-family:nGothicEB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.brochureArea .viewer {position:relative; width:976px; height:690px; border:1px solid #c0c0c0;}
.brochureArea .viewer .slideCont {width:976px; height:690px; overflow:hidden;}
.brochureArea .viewer ul {width:200000px; height:690px;}
.brochureArea .viewer li {float:left; width:976px; height:690px;}
.brochureArea .viewer li img {width:976px; height:690px;}
.brochureArea .viewer .prev {position:absolute; left:0; top:301px;}
.brochureArea .viewer .next {position:absolute; right:0; top:301px;}
/* 월페이퍼 */
.wallpaperList {overflow:hidden; border-top:3px solid #222; border-bottom:1px solid #222;}
.wallpaperList li {display:inline-block; width:283px; padding:21px 32px 20px 32px; margin:0 -4px -1px 0; border-bottom:1px solid #c0c0c0; vertical-align:top;}
.wallpaperList li:nth-child(3n) {padding-right:0;}
.wallpaperList li:nth-child(3n+1) {padding-left:0;}
	.wallpaperList .thumb, .wallpaperList .thumb img {width:283px; height:182px;}
	.wallpaperList .tit {margin:15px 0 10px; color:#555; font-size:15px; line-height:18px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
	.wallpaperList .btn img {margin-right:-5px;}
.wallpaperList li.none {width:100%; padding:50px 0; border:0; text-align:center;}
/* 포스터 */
.posterList {position:relative; padding:20px 0; border-top:3px solid #222; border-bottom:1px solid #c0c0c0;}
.posterList .slideCont {width:910px; height:187px; margin-left:60px; overflow:hidden;}
.posterList ul {width:20000px; height:187px;}
.posterList li {position:relative; float:left; width:130px; height:187px; margin-right:52px;}
.posterList li img {width:130px; height:187px;}
.posterList li .frame {display:none; position:absolute; left:0; top:0; width:130px; height:187px;background:url(/images/data/frame_poster.png) no-repeat 0 0;}
.posterList li.on a .frame, .posterList li a:hover .frame, .posterList li a:focus .frame  {display:block;}
.posterList .prev {position:absolute; left:3px; top:92px;}
.posterList .next {position:absolute; right:3px; top:92px;}
.posterArea {width:858px; margin:40px auto 0;}
.posterArea h2 {margin-bottom:20px; font-size:25px; color:#222; font-family:nGothicEB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.posterArea .viewer {text-align:center;}
.posterArea .viewer img {width:858px; height:1235px;}


/********** 05_홍보센터 **********/
/* TV CF */
.tvList {overflow:hidden; border-top:3px solid #000; border-bottom:1px solid #222;}
.tvList li {display:inline-block; width:283px; padding:20px 64px 20px 0; margin:0 -4px -1px 0; border-bottom:1px solid #c0c0c0; vertical-align:top;}
.tvList li .thumb {width:283px; height:183px; margin-bottom:20px; overflow:hidden;}
.tvList li h2 {overflow:hidden; height:18px; font-size:15px; line-height:18px; color:#424242; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.tvList li h2 a {color:#424242;}
.tvList li .cont {overflow:hidden; max-height:40px; margin-top:6px; line-height:20px;}
.tvList li .btn {margin-top:12px;}
.tvList li:nth-child(3n) {padding-right:0;}
.tvList li.none {width:100%; padding:50px 0; border-bottom:none; text-align:center;}
.cfMv {position:relative; width:747px; height:424px; margin:0 auto;}
.cfMv video {width:100%; height:100%;}

/* 새소식 */
.sortArea {margin-bottom:10px; text-align:right;}
.sortArea select {margin-right:-4px;}

.newsList {border-top:3px solid #000; border-bottom:1px solid #222;}
.newsList li {position:relative; min-height:153px; padding:20px 0 20px 270px; border-top:1px solid #e5e5e5;}
.newsList li .thumb {position:absolute; left:0; top:20px; width:226px; height:153px;}
.newsList li .type {font-size:14px; color:#905b1b; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.newsList li h2 {margin-top:5px; font-size:18px; color:#222; line-height:24px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.newsList li h2 a {color:#222;}
.newsList li .cont {overflow:hidden; height:66px; margin-top:12px; line-height:22px; color:#555;}
.newsList li .cont a {color:#555;}
.newsList li .date {margin-top:18px; font-size:12px;}
.newsList li.none {min-height:1px; padding:20px 0; text-align:center;}
.newsList li:first-child {border-top:none;}


/********** 06_ETC **********/
.srchAll {padding:20px 0; margin-bottom:50px; border:1px solid #dcd5c4; text-align:center; background:#eeeae1;}
.srchAll .txt {width:576px; padding:7px 10px; margin-right:5px; border:0;}
.srchAll input {vertical-align:middle;}
.srchSummary {margin-bottom:50px; text-align:center;}
.srchSummary h2 {font-size:20px; color:#222; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.srchSummary p {margin-top:10px;}
.srchResult {margin:40px 0 70px;}
.srchResult .head {overflow:hidden;}
.srchResult .head h3 {float:left; padding-left:15px; color:#222; font-size:18px; line-height:1.1em; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold; background:url(/images/common/blt2.gif) no-repeat 0 6px;}
.srchResult .head em {float:left; margin:4px 0 0 10px; color:#905b1b;}
.srchResult .head .fr {margin-top:6px;}
.srchResult .content {margin-top:20px;}
	.srchResult .pdt {width:960px; margin:0 auto; overflow:hidden;}
	.srchResult .pdt li {/* float:left; */ display: inline-block; width:180px; vertical-align: top; margin:0 28px 20px 28px; text-align:center;}
	.srchResult .brochure {width:868px; margin:30px auto 0; overflow:hidden;}
	.srchResult .brochure li {position:relative; float:left; width:171px; margin:0 23px; text-align:center;}
	.srchResult .brochure li .thumb {width:125px; padding-right:6px; margin:0 auto; background:url(/images/data/bg_brochureList.gif) no-repeat 100% 0;}
	.srchResult .brochure li .thumb img {width:125px; height:175px;}
	.srchResult .brochure li .tit {margin:15px 0 10px;}
	.srchResult .wallpaperList {border-top-width:2px;}
	.srchResult .wallpaperList, .srchResult .wallpaperList li {border-bottom:0;}
	.srchResult .poster {width:976px; margin:0 auto; border-top:2px solid #222; overflow:hidden;}
	.srchResult .poster li {display:inline-block; width:170px; padding-top:30px; margin:0 35px; text-align:center; vertical-align:top;}
	.srchResult .poster li .thumb img {width:130px; height:187px;}
	.srchResult .poster li .tit {margin:10px 0;}
	.srchResult .tvList {border-top-width:2px;}
	.srchResult .tvList, .srchResult .tvList li {border-bottom:0;}
	.srchResult .newsList {border-top-width:2px;}
	.srchResult .newsList {border-bottom:0;}
	.srchResult .newsList li {border-top:0;}
.srchResult li.none {width:100%; padding:50px 0; margin:0; text-align:center;}
.srchResult li .tit {font-size:14px; line-height:18px; color:#222; padding-top:15px; height:50px; box-sizing:border-box; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.srchResult li .tit a {color:#222;}

/* error */
.error {position:absolute; left:50%; top:50%; margin:-125px 0 0 -490px;}

/********** 00_메인 **********/
#main #container {width:100%; padding-bottom:35px; background:#464b4c url(/images/main/bg_v2.jpg) }
#main .mainVisual {position:relative; height:650px; margin:0 auto; text-align:center;}
#main .mainVisual:after {content:""; clear:both; display: block;}
.mainVisual li {display:inline-block; padding-top:615px; float:left;}
.mainVisual li:first-child {margin-left:282px;}
.mainVisual li .tit {position:relative; z-index:10;}
.mainVisual li .tit a {display:inline-block; width:0; height:15px; padding-left:15px; overflow:hidden; background:url(/images/main/ico_control.png) no-repeat 0 0; font-size:0;}
.mainVisual li.on .tit a {background-position:0 -15px;}
.mainVisual li .cont {position:absolute; left:0; top:0; width:100%; min-width:100%; height:650px; text-align:center; background-repeat:no-repeat; background-position: center;}
.mainVisual li .cont img {width:978px; height:603px;}
.mainBanner {width:979px; margin:0 auto; overflow:hidden;}
.mainBanner li {float:left; border-left:1px solid #787d7d; width: 325px;}
.mainBanner li:first-child {border-left:0;}
.mainContent {width:979px; margin:0 auto; overflow:hidden;}
.mainContent .article {position:relative; float:left; overflow:hidden; width:325px; height:221px; border-top:1px solid #787d7d; border-left:1px solid #787d7d; background:#fff;}
/*.mainContent .article:nth-child(3n+2) {width:326px;}*/
.mainContent .article:nth-child(3n+1) {border-left:0;}
.mainContent .article:nth-child(2n+1) {background:#e5e6e5;}
.mainContent h2 {position:absolute; left:20px; top:19px; z-index:1;}
.mainContent .btn {position:absolute; right:20px; top:23px; z-index:2;}
.mainContent .btn input {margin-left:3px;}
.mainContent .content {position:relative; width:185px; padding:53px 0 0 129px;}
.mainContent .content .thumb {position:absolute; left:16px; top:53px;}
.mainContent .content h3 {padding-top:15px; margin-bottom:10px; color:#222; font-size:14px; line-height:20px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
.mainContent .content .cont {font-size:12px; line-height:18px;}
.mainContent .content .date {margin-top:20px; font-size:11px; font-family:verdana;}
	.product .content {width:298px; padding-left:16px;}
	.newList .content {width:298px;}
	.product li {position:absolute; width:185px; z-index:-1; background:#e5e6e5;}
	.newList li {position:absolute; left:16px; top:42px; width:288px; padding-left:0px; z-index:-1; background:#e5e6e5;}
	.mainContent .product li .thumb {left:0; top:0;}
	.mainContent .newList li .thumb {top:7px; left:0px; right:50%; margin-right:-155px; text-align: center;}
	.mainContent .newList .content span {display: inline-block; padding-top:140px; margin-bottom:0px; color:#222; font-size:15px; line-height:20px; font-family:nGothicB, NanumGothic, '나눔고딕', dotum, gulim; font-weight:bold;}
	.mainContent .newList .content .cont {display: inline-block; width: 228px; font-size:12px; line-height:11px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.product li.on {z-index:1;}
	.newList li.on {z-index:1;}
	
	.mainContent .news .thumb {left:21px; top:70px;}
	.mainContent .news h3 {height:20px; margin-bottom:5px; overflow:hidden;}
	.news .cont {height:54px; overflow:hidden;}
	.download ul {margin:63px 0 0 30px;}
	.download li {height:35px;}


#layerPop2{position:absolute; top:76px; left:0; z-index:30; width: 520px; height: 600px; display: none; }
#layerPop2 button { all: unset; }
#layerPop2>a{position:absolute; top:20px; right:20px; z-index:30;}
#layerPop2 .slideControl .prev {
	position: absolute;	left: 6px; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer;
}
#layerPop2 .slideControl .next {
	position: absolute; right: 6px; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer;
}
#layerPop2 .btnArea {
	display: flex; justify-content: space-between; align-items: center; background: #fff; border-top: 1px solid #707070; margin-top: 0; width: 100%;
}
#layerPop2 .btnArea .btn {
	padding: 14px; text-align: center; font-size: 16.5px; font-weight: bold; color: #222; width: 50%;
}
#layerPop2 .btnArea .btn + .btn {
	border-left: 1px solid #707070;
}

#layerPop2 .swiper-pagination {
	display: inline-block; width: auto; padding: 5px 9px; background: #fff; font-size: 14px; font-weight: 700; border: 1px solid #787D7D; border-radius: 20px; color: #222; left: 50%; transform: translateX(-50%); bottom: 20px;
}

#layerPop2 .swiper-pagination .swiper-pagination-current {
	color: #956839;
}