@CHARSET "euc-kr";
@import url('default.css');
@import url('common.css');
@import url('layout.css');
@import url('style.css'); /* news/beauty/view.jsp style */

/* 메인 */
body.main {}
body.main .locationArea {display:none;}
body.main #container{width:100%; padding-top:0;}
body.main .mainBody {width:1160px; margin:0 auto; *zoom:1;} 
body.main .mainBody:after {content:""; display:block; clear:both;}
	#mainVisualArea {position:relative; min-width:1160px; height:640px; overflow:hidden;}
	#mainVisualArea a.btnPrev {position:absolute; left:10px; top:302px; z-index:15;}
	#mainVisualArea a.btnNext {position:absolute; right:10px; top:302px; z-index:15;}
		#visualSection1 {display:none; position:absolute; top:0; top:0; width:100%; height:640px; overflow:hidden; background:#fff;}
		#visualSection1 div strong {position:absolute; font-size:54px; line-height:60px; font-weight:normal; font-family:LGSmHaR, LGSmHaR,nGothic,dotum;}
		#visualSection1 div strong span {display:block;  font-size:20px; line-height:20px; padding:0 10px;}
		#visualSection1 .visual1_1 {position:absolute; left:50%; top:-50px;  margin-left:-294px; width:1401px; height:464px; background:url("/global/images/main/bg_visual1_1.png") no-repeat; background-position:0 0px; z-index:4;}
		#visualSection1 .visual1_1 strong { left:580px; top:250px; color:#122000;}
		#visualSection1 .visual1_2 {position:absolute; left:50%; top:0;  margin-left:-1056px; width:1099px; height:740px; background:url("/global/images/main/bg_visual1_2.png") no-repeat; background-position:0px 0px;  z-index:3;}
		#visualSection1 .visual1_2 strong {right:321px; top:250px; color:#87065f; text-align:right;}
		#visualSection1 .visual1_3 {position:absolute; left:50%; bottom:-50px;  margin-left:-418px; width:1541px; height:656px; background:url("/global/images/main/bg_visual1_3.png") no-repeat; background-position:0 0px;  z-index:3;}
		#visualSection1 .visual1_3 strong {left:665px; top:427px; color:#d8121b;} 
		#visualSection1 .visual1_c {position:absolute; left:50%; top:132px;  margin-left:-225px; width:450px; height:452px; background:url("/global/images/main/bg_visual1_c.png") no-repeat 0 0; line-height:452px;  z-index:6;}
		#visualSection1 .visual1_c p {display:inline-block; vertical-align:middle; line-height:16px; color:#fff; padding-left:60px; padding-right: 30px; font-size:20px; line-height:30px;}

		#visualSection2 .visual2_1 {position:absolute; left:50%; top:-47px;  margin-top:198px; margin-left:-138px; width:279px; height:214px; z-index:14;}
		#visualSection2 .visual2_2 {position:absolute; width: 2000px; height:640px; top:0; left:50%; transform: translateX(-50%); background-image:url("/global/images/main/visual_esg.jpg"); background-repeat: no-repeat;}
		#visualSection2 .visual2_3 {position:absolute; left:62.5%; top:200px;  margin-left:0; width:74px; height:70px; z-index: 10;}
	#mainContArea .contSection {padding-top:70px;}
	#mainContArea .contSection .titArea {min-height:46px; margin:60px 0 40px; text-align:center;}
	#mainContArea .contSection .titArea  h3 {font-size:40px; height:24px; line-height:46px; text-align:center; color:#000000; letter-spacing:-1px;}
	#mainContArea .contSection .titArea  h3 span {position:relative; background:#fff; padding:0 25px;}
	#mainContArea .contSection .titArea  h3 span:before{content: ''; display:block; position:absolute; width:8px; height:8px; background: #000;left:0; top:50%; transform: translateY(-50%);}
	#mainContArea .contSection .titArea  h3 span:after{content: ''; display:block; position:absolute; width:8px; height:8px; background: #000;right:0; top:50%; transform: translateY(-50%);}
	#mainContArea .contSection .titArea  h3 span {background:#fff; padding:0 25px;}
	#mainContArea .contSection .titArea  h3 b {font-family:LGSmHaR, LGSmHaR, dotum, gulim; }
	#mainContArea .contSection .titArea p {text-align:center; padding:46px 0 20px; font-size:16px; color:#999;}

	#mainContArea .esgCont{position: relative; width: 1160px; margin: 0 auto;}
	#mainContArea .esgCont > ul{padding:124px; font-size: 0; background: #f8f8f8;}
	#mainContArea .esgCont > ul li{display: inline-block; position:relative; width:32.3%; height:220px; margin: 0 4px 10px; opacity: 0; top:40px; transition: 0.8s opacity, 0.8s top;}
	#mainContArea .esgCont > ul li:nth-of-type(2), .esgCont > ul li:nth-of-type(4), .esgCont > ul li:nth-of-type(6), .esgCont > ul li:nth-of-type(8){z-index: 2;}
	#mainContArea .esgCont > ul li:before{content: ''; display:block; position:absolute; width:55px; height:55px;}
	#mainContArea .esgCont > ul li > p{width: 100%; height:100%; overflow: hidden;}
	#mainContArea .esgCont > ul li img{transition: 0.8s all; max-width: 100%;}
	#mainContArea .esgCont > ul li.scrOn{opacity: 1; top:0;}
	#mainContArea .esgCont > ul li.hover:hover img{transform: scale(1.2);}
		
		#mainProSlide	{ position:relative; width:1160px; height:373px; margin:25px auto 0; overflow:hidden; }
		.mainProSlideList	{ position:absolute; top:0; text-align:left; }
		.mainProduct a.controll { position:relative; display:inline-block; width:18px; height:18px; margin-right:10px; font-size:0; line-height:0; background-image:url('/global/images/main/btn.gif'); background-repeat:no-repeat; background-position:0 -18px; overflow:hidden; z-index:10; }
		.mainProduct a.controll.on	{ background-position:0 0; }
		
		.mainProduct #mainProSlide { text-align:center; }
		.mainProduct .mainProSlideList { padding-top:35px; width:1160px;}
		.mainProduct .mainProSlideList li { float:left; width:365px; margin-left:32px; text-align:center; }
		.mainProduct .mainProSlideList li:first-child { margin-left:0; }
		.mainProduct .mainProSlideList li strong { display:block; font-size:16px; line-height:20px; color:#454545; min-height:30px;  padding-bottom:5px;  text-align:center; }

		.mainReview  .mainBody {padding-top:55px;}
		.mainEtc{ }
		.mainEtc div.acticle {float:left; width:365px; margin-left:32px; }
		.mainEtc div.acticle:first-child {margin-left:0;}
		.mainEtc div.acticle h3 {text-align:center; font-size:30px; line-height:32px; height:40px; color:#000; margin-bottom:5px; font-weight:bold;}
		.mainEtc div.acticle .cont {position:relative; display:block; width:100%;}
		.mainEtc div.acticle .cont div.txtArea {display: none; position: absolute; padding:10px 0; left: 0; bottom: 0; z-index: 2; width:100%; font-size: 13px; color: #FFF; line-height: 22px; background: url('/global/images/common/bg_png.png') repeat; }
		.mainEtc .happyEvent a.cont {height:212px; color:#fff; overflow:hidden;}
		.mainEtc .happyEvent a.cont p {padding:0 12px 3px; color:#fff;}
		.mainEtc .happyEvent a.cont span {font-size:11px; padding-left:12px;} 
		.mainEtc .tvcf  a.cont {height:212px; color:#fff; overflow:hidden;}
		.mainEtc .tvcf  a.cont span.playBg {display: block; position: absolute; left: 6px; bottom: 5px; width: 34px; height: 34px; background: url('/global/images/news/ico_play.png') no-repeat left top;}
		.mainEtc .tvcf  a.cont p {padding:0 12px 3px; color:#fff;}
		.whatsNew .cont {border-top:1px dashed #aeaeae;}
		.whatsNew .cont li {position:relative; padding:10px 0 9px 0; border-bottom:1px dashed #aeaeae;}
		.whatsNew .cont li div.thum {display:none; width:112px;}
		.whatsNew .cont li a {display:block; position:relative; padding-right:70px; }
		.whatsNew .cont li strong {padding-left:5px; font-size:16px; line-height:20px; letter-spacing:-1px;}
		.whatsNew .cont li p {display:none;}
		.whatsNew .cont li span {font-size:11px; position:absolute; right:5px; top:4px; color:#757575; letter-spacing:-1px;}
		.whatsNew .cont li.open {}
		.whatsNew .cont li.open div.thum {display:block; position:absolute; left:5px; top:0;}
		.whatsNew .cont li.open a {padding-right:10px; padding-left:130px; min-height:112px;}
		.whatsNew .cont li.open strong {padding-left:0;}
		.whatsNew .cont li.open p {display:block; font-size:14px; padding-top:5px; line-height:20px;}
		.whatsNew .cont li.open span {right:auto; left:130px; top:auto; bottom:0;}

/********** BRAND **********/
.bodyDetail #headArea .visualArea	{ position:absolute; left:50%; top:0; transform: translateX(-50%); }
.bodyDetail #headArea.brandDetail {min-width: 100%; width: 100%; height: 100%; padding-top: 0px;}
.bodyDetail #headArea.brandDetail .visualArea {position: relative; left: unset; top: unset; transform: unset;}
.bodyDetail #headArea.brandDetail .visualArea img {width: 100%; height: 640px; object-fit: cover;}
@media (min-width: 1921px) {
	.bodyDetail #headArea.brandDetail .visualArea img {height: 100%;}
}
.bodyBrand #container	{ padding-top:45px; }
.bodyBrand #contArea	{ width:1160px; }

.brandIndex	{  }
	.brandIndex ul	{ position:relative; min-height:390px; }
	.brandIndex ul li	{ position:relative; float:left; height:183px; margin:0 0 0 10px; }
	.brandIndex ul li:first-child	{ margin-left:0; }
	.brandIndex ul li a,
	.brandIndex ul li span	{position:relative; display:block; width:282px; height:100%; overflow:hidden; }
	.brandIndex ul li a img {position:absolute; top:0px; left:0px; }
	.brandIndex ul li.hBig	{ height:380px; }	
	
	.brandIndex ul.typeA	{ position:relative; min-height:194px; }
	.brandIndex ul.typeA li	{ position:absolute; }
	.brandIndex ul.typeA li:nth-child(1) { left:0; top:0; }
	.brandIndex ul.typeA li:nth-child(2) { left:282px; top:-197px; }
	.brandIndex ul.typeA li:nth-child(3) { left:575px; }
	.brandIndex ul.typeA li:nth-child(4) { left:877px; top:-197px; margin-left:0; }

	.brandIndex ul.last {min-height:0 !important}

/* 브랜드 - 상세 페이지 */
.bodyDetail #headArea	{ position:relative; min-width:1160px; height:640px; padding-top:0; border:none; text-align:center;  }
	.bodyDetail #headArea .visualArea	{ position:absolute; left:50%; top:0; transform: translateX(-50%); }
	.bodyDetail #container	{ width:100%; padding-top:0; }
	.bodyDetail #contArea	{ width:100%; }

#contArea .brandInfoCont h2,
#contArea .brandNews h2	{ padding:0 0 10px; font-size:25px; background:none; }
#contArea .bestProCont h2,
#contArea .brandAdCont h2,
#contArea .brandReview h2	{ padding:0 0 10px; font-size:33px; color:#222222; background:none; }
	
.brandDetailWrap	{ padding-top:30px; }
.brandDetailWrap>div	{ position:relative; width:1160px; margin:0 auto 0; padding:60px 0; }
.brandDetailWrap>div:first-child	{ margin-top:0; }
.brandDetailWrap div.odd	{ width:100%; background:#f8f8f8 url('/global/images/common/bg_arrow1.gif') no-repeat center top; }
.brandDetailWrap div.odd>span	{ display:block; position:absolute; left:50%; bottom:-15px; width:30px; height:15px; margin-left:-15px; background:url('/global/images/common/bg_arrow2.gif') no-repeat center bottom; }
.brandDetailWrap div.odd>div	{ position:relative; width:1160px; margin:0 auto; }

.brandInfoArea	{ *zoom:1; }
.brandInfoArea:after	{ content:""; display:block; clear:both; }
.brandThumb	{ float:left; width:506px; min-height:377px; }
.brandThumb p.thumb	{ width:504px; height:275px; border:1px solid #e7e7e7; background:#fff; }
.brandThumb p.thumb img	{ width:504px; height:275px; }
.brandThumb p.btnArea {padding-top:50px;}
.brandThumb p.btnArea a {display:inline-block; width: 32px; height: 32px; margin: 0 5px;}
.brandThumb p.btnArea a.shop {background:url("/global/images/btn/icon_shop.png") no-repeat 0 0; background-size: contain;}
.brandThumb p.btnArea a.site {background:url("/global/images/btn/icon_site.png") no-repeat 0 0; background-size: contain;}
.brandThumb p.btnArea a.facebook {background:url("/global/images/btn/icon_facebook.png") no-repeat 0 0; background-size: contain;}
.brandThumb p.btnArea a.twitter {background:url("/global/images/btn/icon_twitter.png") no-repeat 0 0; background-size: contain;}
.brandThumb p.btnArea a.youtube {background:url("/global/images/btn/icon_youtube.png") no-repeat 0 0; background-size: contain;}
.brandThumb p.btnArea a.instagram {background:url("/images/btn/icon_instagram.png") no-repeat 0 0; background-size: contain;}
.brandThumb p.btnArea a.blog {background:url("/images/btn/icon_blog.png") no-repeat 0 0; background-size: contain;}
.brandThumb p.btnArea .btnType3	{ width:160px; padding:0 !important; }

.brandInfoCont	{ position:relative; float:right; width:576px; min-height:367px; padding-top:10px; }
.brandInfoCont .cont	{ line-height:22px; padding-bottom:60px; }
.brandInfoCont dl	{ padding-top:25px; }
.brandInfoCont dl dt	{ padding:0 0 4px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:16px; line-height:22px; color:#000; }
.brandInfoCont dl dd	{ line-height:22px; }
.brandInfoCont dl.etcInfo	{ position:absolute; left:0; bottom:0; *zoom:1; }
.brandInfoCont dl.etcInfo:after	{ content:""; display:block; clear:both; }
.brandInfoCont dl.etcInfo dt	{ float:left; margin-left:30px; padding:0; font-weight:normal; font-family:LGSmHaR, nGothic, dotum, gulim; /*background:url('/global/images/common/blt6.gif') no-repeat left center;*/ }
.brandInfoCont dl.etcInfo dt:first-child	{ margin-left:0; }
.brandInfoCont dl.etcInfo dd	{ float:left; padding:0 0 0 10px; }
.brandInfoCont p.siteBtn	{ position:absolute; right:0; bottom:0; }
.brandInfoCont p.siteBtn a	{ display:inline-block; float:left; margin-left:1px; }
.brandInfoCont a.stroe {position:Absolute; right:0; bottom:0; display:inline-block; width:85px; height:24px; padding-top:26px; text-align:center; line-height:22px; color:#373737; background:url("/global/images/btn/btn_store3_off.gif") no-repeat 0 0;}
.brandInfoCont a.stroe:hover,
.brandInfoCont a.stroe:focus  {background:url("/global/images/btn/btn_store3_on.gif") no-repeat 0 0; color:#fff;}

.bestProArea { padding:43px 0 0; }
.bestProCont { min-height:240px; }
.bestProCont p.text	{ width:378px; color:#5a5a5a; line-height:22px; }
.bestProCont p.text strong	{ color:#333; }
.bestProCont .btnArea { width:378px; padding-top:35px; text-align:left; }
.bestProCont .proList { position:absolute; left:388px; top:0; }
.bestProCont .proList li { width:190px; min-height:240px; margin:0 4px 0 0; border:none; text-align:center;}
.bestProCont .proList li img { width:auto; height:190px; border:none; }

.bestProCont .productList	{ position:absolute; left:380px; top:0; }
.bestProCont .productList li { margin:0 4px 0 0;}
.bestProCont ul.productList .imgBoundary { width: 190px; height: 190px; line-height: 190px; text-align: center; border: 1px solid #dcdcdc; background: #fff; }
.bestProCont ul.productList .imgBoundary img { max-width: 190px; max-height: 190px; vertical-align:top; }
.bestProCont ul.productList .imgBoundary.gray {background:#EDEEF0;}
.bestProCont ul.productList .imgBoundary.vmiddle img { vertical-align: middle;}
.bestProCont ul.productList .imgBoundary.vtop img {vertical-align: top;}
.bestProCont ul.productList .imgBoundary.logoTypeA {width:189px; height:110px; line-height:110px; margin-bottom:4px;}
.bestProCont ul.productList .imgBoundary.logoTypeA img { max-width:186px; max-height:110px; vertical-align:middle; }

.brandEventArea {background: #fff !important;}
.brandEventCont .brandEventTit {margin-bottom: 10px;}
.brandEventCont h2 { color: #454545; padding: 10px 0 20px; font-size: 24px; display: inline-block;}
.brandEventCont h2:before {content: ''; position: absolute; background-color: #c70752; width: 30px; height: 2px; top: 0; left: 0;}
.brandEventCont .brandEventTit > span {padding-left: 9px;}
.brandEventCont .brandEventList {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; border: 0;}
.brandEventCont .brandEventList li {width: 49%; margin-bottom: 20px; height: 185px; border : 1px solid #cfcfcf;}
.brandEventCont .brandEventList li .imgBoundary {width: 100%; }
.brandEventCont .brandEventList li .imgBoundary a {display: block;}
.brandEventCont .brandEventList li .imgBoundary img {height: 185px; width: 100%; object-fit: contain; box-sizing: border-box;}

.brandNews	{ *zoom:1; }
.brandNews:after	{ content:""; display:block; clear:both; }
	.brandNews div.fl	{ width:50%; }
	.brandNews div.fl ul	{ *zoom:1; }
	.brandNews div.fr	{ width:50%; }
	.brandNews div.cont	{ position:relative; min-height:190px; padding:0 20px 0 210px; }
	.brandNews div.cont p.thumb	{ position:absolute; left:0; top:0; width:188px; height:188px; border:1px solid #ececec; }
	.brandNews div.cont p.thumb img	{ width:188px; height:188px; }
.brandNews div.cont dl {  }
.brandNews div.cont dl dt { padding-bottom:5px; font-size:16px; line-height:22px; color:#000; }
.brandNews div.cont dl dd { line-height:22px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.brandNews div.cont p.btn { position:absolute; left:210px; bottom:0; }
.brandNews div.cont p.btn a {width: 110px; height: 32px; line-height: 32px; border: 1px solid #666666; background-color: #ffffff; border-radius: 20px; box-sizing: border-box; padding: 0 12px 0 18px;}
.brandNews div.cont p.btn a:hover {background-color: #666666;}
.brandNews div.cont p.btn a span {font-size: 12px; background: url('/global/images/common/arr_right_b.png') no-repeat 96% 46%; background-size: 6px; color: #666666; padding: 0; text-align: left;}
.brandNews div.cont p.btn a:hover span { color: #ffffff;  background: url('/global/images/common/arr_right_w.png') no-repeat 96% 46%; background-size: 6px;}
.brandNews div.noevent { width:100% !important; }
.brandNews div.noevent ul { *zoom:1; }
.brandNews div.noevent ul:after	{ content:""; display:block; clear:both; }
.brandNews div.noevent ul li { float:left; width:50%; }

.brandAd	{ }
	.brandAdCont	{ position:relative; min-height:434px; padding:55px 0 60px; *zoom:1; }
	.brandAdCont #videoContent	{ width:768px; height:434px; overflow:hidden;}
	.brandAdCont #videoContent	object {position:absolute; left:-2px;}
	.brandAdCont div.fr	{position: relative; width:350px; padding-right:20px; }
	.brandAdCont h3	{ padding-top:52px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:18px; color:#000; }
	.brandAdCont .fr .caption	{ padding:27px 0 5px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:16px; color:#000;  }
	.brandAdCont p	{ color:#5a5a5a; line-height:22px; }
	.brandAdCont .captionCont	{border:1px solid #ececec; color:#5a5a5a; line-height:20px; height:180px; padding:10px; font-size:12px;  overflow-y:scroll; overflow-x:hidden;}
	.brandAdCont .fr .btn	{ margin-top: 22px; display: flex; justify-content: space-between;}
.brandAdCont .fr .btn a {width: 100px; height: 32px; line-height: 32px; border: 1px solid #666666; background-color: #ffffff; border-radius: 20px; box-sizing: border-box; padding: 0 12px 0 18px;}
.brandAdCont .fr .btn a:hover {background-color: #666666;}
.brandAdCont .fr .btn a span {font-size: 12px; background: url('/global/images/common/arr_right_b.png') no-repeat 96% 46%; background-size: 6px; color: #666666; padding: 0; text-align: left;}
.brandAdCont .fr .btn a:hover span { color: #ffffff;  background: url('/global/images/common/arr_right_w.png') no-repeat 96% 46%; background-size: 6px;}

.brandReview	{}
	.brandReview .reviewArea	{ padding:0; border:none; }
/* 제품 - 리스트 */
.proArea	{ width:1160px; margin:30px auto 0; }
.proList	{ *zoom:1; }
.proList:after	{ content:""; display:block; clear:both; }
	.proList li	{ float:left; width:192px; min-height:260px; margin:0 50px 40px 0; }
	.proList li a	{ display:block; }
	.proList li img	{ width:190px; height:190px; border:1px solid #f0f0f0; }
	.proList li span.cont	{ display:block; padding:10px 10px 0 10px; font-size:12px; color:#555; line-height:16px; text-align:center; }
	.proList li.last	{ margin-right:0; }
.productList	{ *zoom:1; }
.productList:after	{ content:""; display:block; clear:both; }
.productList li img	{ }
	.productList li	{ float:left; margin:0 50px 40px 0; }
	.productList li a	{ display:block; }
	.productList li span.cont	{ display:block; padding:10px 10px 0 10px; font-size:12px; line-height: 16px; color:#555; text-align:center; }
	.productList li.last	{ margin-right:0; }

.proArea .tabTypeA li a	{ font-size:13px; }

/* 제품 - 상세 */
#contArea .proDetailWrap h2	{ padding:10px 0 30px; font-size:25px; background:none; }
.proDetailWrap	{ padding-top:189px; }
.proDetailWrap>div	{ position:relative; width:1160px; margin:60px auto 0; }
.proDetailWrap>div:first-child	{ margin-top:0; }
.proDetailWrap div.odd	{ width:100%; padding-bottom:0; background:#f8f8f8 url('/global/images/common/bg_arrow1.gif') no-repeat center top; }
.proDetailWrap div.odd>span	{ display:block; position:absolute; left:50%; bottom:-15px; width:30px; height:15px; margin-left:-15px; background:url('/global/images/common/bg_arrow2.gif') no-repeat center bottom; }
.proDetailWrap div.odd>div	{ position:relative; width:1160px; margin:0 auto; }

.proInfoArea	{ *zoom:1; }
.proInfoArea:after	{ content:""; display:block; clear:both; }
.proInfoArea h2	{ padding-right:100px !important; }
.proInfoArea .social	{ right:4px; top:0; }
.proInfoThumb	{ float:left; width:500px; height:500px; border:1px solid #dde1e8; }
.proInfoThumb img	{ width:100%; height:100%; }
.proInfoCont	{ position:relative; float:right; width:577px; min-height:500px; }
.proInfoCont div.cont	{ min-height:346px; }
.proInfoCont div.cont p	{ line-height:20px !important; }
.proInfoCont div.cont dl	{ padding-top:18px; }
.proInfoCont div.cont dl dt	{ padding:0 0 4px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:16px; line-height:22px; color:#000; }
.proInfoCont div.cont dl dd	{ line-height:22px; }
.proInfoCont dl.etcInfo	{ *zoom:1; }
.proInfoCont dl.etcInfo:after	{ content:""; display:block; clear:both; }
.proInfoCont dl.etcInfo dt	{ clear:both; float:left; margin-bottom:7px; text-align:center; }
.proInfoCont dl.etcInfo dt span	{ display:block; min-width:66px; font-size:12px; color:#eee; line-height:20px; background:#000; }
.proInfoCont dl.etcInfo dd	{ float:right; width:500px; margin-bottom:7px; font-size:13px; color:#5a5a5a; line-height:20px; }
.proInfoCont .btnArea	{ padding-top:10px; }
.proInfoCont .btnType3	{ width:163px; padding:0 !important; text-align:center; }

.proListArea	{ margin-top:104px !important; } 
	.proListCont h3	{ position:absolute; left:0; top:-44px; height:44px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:22px; color:#333; }
	.proListCont p.btn	{ position:absolute; right:2px; top:-44px; }
.proSlideArea { position:relative; height:225px; padding:50px 0 40px; }
.proSlideArea .prev	{ position:absolute; left:7px; top:104px; width:25px; height:67px; background:url('/global/images/btn/btn_prev3.png') no-repeat 0 0; }
.proSlideArea .next	{ position:absolute; right:7px; top:104px; width:25px; height:67px; background:url('/global/images/btn/btn_next3.png') no-repeat 0 0; }
.proSlideArea #slideCont { position:relative; width:1070px; height:250px; margin:0 auto 0 auto; overflow:hidden; }
.proSlideArea #slideCont ul { position:absolute; left:0; top:0;width:500000px; height:45px; *zoom:1; }
.proSlideArea #slideCont ul li	{ width:190px; margin:0 30px 0 0; }
.proSlideArea #slideCont ul li img	{ width:190px; height:190px; border:none; }

#contArea .proReview h2	{ padding:0 0 10px; font-size:33px; color:#c70752; background:none; }
.proReview .reviewArea	{ padding:0; border-top:none; }

/********** 04_REVIEW **********/
.reviewHead	{ padding-bottom:60px; *zoom:1; }
.reviewHead:after	{ content:""; display:block; clear:both; }
.reviewHead h3	{ font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:20px; color:#000; }

.reviewHead .newReview	{ float:left; width:218px; }
.reviewHead .newReview h3	{ height:35px; padding:6px 0 0 43px; background:url('/global/images/common/ico_review.gif') no-repeat 0 0;  }
.reviewHead .newReview ul li	{ padding-top:25px; vertical-align:top; }
.reviewHead .newReview ul li.first,
.reviewHead .newReview ul li:first-child	{ padding-top:0; }
.reviewHead .newReview ul li a	{ display:block; }
.reviewHead .newReview ul li p.thum	{ width:216px; height:138px; border:1px solid #dedede; }
.reviewHead .newReview ul li p.thum img	{ width:216px; height:138px; }
.reviewHead .newReview ul li strong	{ display:block; padding:10px 0 5px; font-family:LGSmHaR, nGothic, dotum, gulim; font-weight:normal; font-size:16px; color:#000; }
.reviewHead .newReview ul li span	{ line-height:20px; }

.reviewHead .bestReview	{ float:left; width:651px; margin-left:22px; border:1px solid #ececec; padding:15px 15px 13px 15px; background:#f8f8f8; }
.bestReviewVisual	{ position:relative; float:left; width:651px; height:486px; overflow:hidden; }

.bestReviewArea	{ width:100%; height:486px; text-align:center; }
.bestReviewArea h4	{ position:relative; z-index:15; float:left; width:11px; height:11px; margin:475px 10px 0 0; background:url('/global/images/common/btn.png') no-repeat left top; }
.bestReviewArea h4 a	{ display:inline-block; width:11px; height:11px; font-size:0; line-height:0; overflow:hidden; }
.bestReviewArea h4.on	{ background:url('/global/images/common/btn.png') no-repeat left -11px; }
.bestReviewArea h4.first	{ margin-left:300px; }
	.bestReviewCont	{ width:100% !important; height:349px;}
	.bestReviewCont .cont a	{ display:block; }

.reviewHead .hotReview	{ float:right; width:215px; margin-top:-10px; }
.reviewHead .hotReview h3	{ height:35px; padding:16px 0 0 40px; background:url('/global/images/common/ico_review2.gif') no-repeat 0 0; }
.reviewHead .hotReview h4	{ padding:10px 0 5px; font-size:16px; color:#000; }
.reviewHead .hotReview ul li	{ padding:5px 0 15px 10px; background:url('/global/images/common/blt1.gif') no-repeat left 10px; }

.eventBanner	{ padding:0 0 60px; *zoom:1; }
.eventBanner:after	{ content:""; display:block; clear:both; }
.eventBanner li	{ float:left; margin-left:32px; }
.eventBanner li.first	{ margin-left:0 !important; }
.eventBanner li.eNum2	{ width:564px; }
.eventBanner li.eNum3	{ width:365px; }

/* 리뷰상세 */
.reviewFoot	{ margin-top:90px; border-top:3px solid #000; }
.reviewFoot p.tit	{ padding:10px 0; font-size:16px; color:#252525; line-height:18px; }
.reviewFoot p.tit span	{ display:inline-block; width:17px; height:16px; font-size:12px; line-height:16px; color:#707070; border:1px solid #dedede; background:#e9e9e9; text-align:center; vertical-align:top; }
.reviewFoot ul	{ *zoom:1; }
.reviewFoot ul:after	{ content:""; display:block; clear:both; }
.reviewFoot ul li	{ float:left; width:50%; }
.reviewFoot ul li.first dl	{ margin-left:0; }
.reviewFoot ul li.last dl	{ margin-right:0; }
.reviewFoot dl	{ min-height:100px; margin:0 18px; border-bottom:1px solid #e2e2e2; }
.reviewFoot dl dt	{ padding:10px 0; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:15px; color:#454545; }
.reviewFoot dl dd	{ font-size:13px; line-height:18px; }

/* 리뷰작성� */
.reWriteArea	{ padding:0 27px 0 31px; }
.reWriteHead	{ position:relative; height:121px; margin-bottom:80px; padding:45px 0 0 215px; border:1px solid #ddd; }
.reWriteHead>p.tit	{ position:absolute; left:-25px; top:13px; }
.reWriteHead dl dt	{ padding-bottom:5px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; color:#333; }
.reWriteHead dl dd	{ padding-left:6px; font-size:13px; line-height:20px; background:url('/global/images/common/blt1.gif') no-repeat left center; }

.reWriteArea .form tr:first-child th	{ width:205px; }

/* 체험단 */
.tester .introSlide	{ height:405px; }
	.tester .introSlide .slideCont	{ height:405px; }
	.tester .introSlide .slideCont ul li img	{ height:405px; }
	
.tester .listTypeA li div.cont h3	{ font-size:20px; }
.tester .listTypeA li div.cont p.date	{ padding-top:15px; }
.tester .listTypeA li div.cont p.date strong.ing	{ display:inline-block; width:84px; height:20px; color:#fff; line-height:20px; background:#c70752; text-align:center; }
.tester .listTypeA li div.cont p.date strong.end	{ display:inline-block; width:84px; height:20px; color:#666; line-height:20px; background:#ebebeb; text-align:center; }
.tester .listTypeA li div.cont p.date span	{ font-size:13px; }
.tester .listTypeA li div.cont p.date span.tit	{ display:inline-block; margin-left:5px; font-family:LGSmHaR, LGSmHaR, dotum, gulim;color:#454545; }
.tester .listTypeA li div.cont p.date span.txt	{ display:inline-block; margin-left:10px; padding-left:10px; font-size:12px; color:#757575; background:url('/global/images/common/division2.gif') no-repeat 0 50%; }

/********** 05_NEWS **********/
 /* Press Release */
.introSlide	{ width:1160px; height:380px; margin-bottom:60px; }
	.introSlide .slideCont	{ height:380px; }
	.introSlide .slideCont ul	{}
	.introSlide .slideCont ul li	{ position:relative; }
	.introSlide .slideCont ul li img	{ height:380px; }

/* 생활건강 스토리 */
.newsStoryArea	{ position:relative; width:1160px; height:380px; margin-bottom:60px; }
	.newsStoryArea .cont	{ position:absolute; right:25px; top:0; width:385px; }
	.newsStoryArea .cont p.date	{ padding:70px 0 0; font-size:20px; color:#252525; }
	.newsStoryArea .cont div.text	{ padding:15px 0 0; font-size:17px; color:#404040; line-height:1.5em; }
	.newsStoryArea h2	{ font-size:52px; color:#252525; }
	.newsStoryArea .btnArea	{ position:absolute; right:25px; bottom:38px; width:385px; }

/* TV/CF */
.cfList	{ border-top:1px solid #666; border-bottom:1px solid #666; *zoom:1; }
.cfList:after	{ content:""; display:block; clear:both; }
	/*.cfList li	{ float:left; padding:40px 64px 29px 0; width:256px; }*/
	.cfList li	{ float:left; padding:40px 64px 0 0; width:256px; height:349px; word-break:break-all; }
	.cfList li a.thum	{ position:relative; display:block; width:257px; height:161px; overflow:hidden; }
	.cfList li a.thum span	{ display:block; position:absolute; left:6px; bottom:5px; width:34px; height:34px; background:url('/global/images/news/ico_play.png') no-repeat left top; }
	.cfList li a.thum span.play	{ display:none; width:100%; height:100%; position:absolute; top:0; left:0; background:url("/global/images/news/play.png") no-repeat center center; }
	.cfList li dl	{ padding-bottom:20px; }
	.cfList li dl dt	{ padding:15px 0 7px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; color:#000; }
	.cfList li dl dd	{ height:45px; padding-top:10px; line-height:22px; border-top:1px solid #ebebeb; overflow:hidden; }
	.cfList li.last	{ padding-right:0; }
	
.viewCont  { position:relative; }
.viewCont *{font-family:LGSmHaR, LGSmHaR, dotum, gulim!important;}
.viewCont #videoContent { width:880px; height:495px; }
.viewCont .caption	{ padding:15px 20px; height:97px; line-height:25px; border:1px solid #ebebeb; overflow-y:scroll; }
.viewCont .viewBtn	{ text-align:right; padding:10px 0 50px 0; }
/*.viewCont .btnArea 	{ position:absolute; left:400px; bottom:73px; }*/

/* 이벤트 */
.eventList	{ border-top:1px solid #454545; *zoom:1; }
.eventList:after	{ content:""; display:block; clear:both; }
.eventList li	{ float:left; width:50%; min-height:400px; padding:60px 0 0; border-bottom:1px solid #dcdcdc; }
.eventList li h3	{ padding:0 10px; font-size:18px; color:#252525; }
.eventList li div.cont	{ padding:20px 0 0; }
.eventList li div.cont p.date	{ padding:8px 10px; font-size:13px; color:#333; }
.eventList li div.cont p.date span	{ display:inline-block; line-height:20px; }
.eventList li.none	{ clear:both; width:100%; padding:30px 0; text-align:center; }

/* 뷰티 정보 */
.beautySlide	{ width:900px; height:380px; margin-bottom:60px; overflow:hidden; }
	.beautySlide .slideCont	{ height:380px; overflow:hidden; }
	.beautySlide .slideCont ul	{} 
	.beautySlide .slideCont ul li	{ position:relative; }
	.beautySlide .slideCont ul li img	{ height:380px; }

.beautySlide .cont	{ position:absolute; right:0; top:50px; width:477px; }
#contArea .beautySlide h2	{ padding:0; background:none; }
.beautySlide h2 p.stxt	{ margin:0 0 15px 5px; font-size:20px; color:#252525; }
.beautySlide h2 p.title	{ display:inline-block; font-size:47px; }
.beautySlide h2 p.title span	{ display:inline-block; margin-top:3px; padding:0 3px; }
.beautySlide .cont .text	{ padding-top:15px; font-size:16px; color:#000; line-height:1.4em; }

/* Social News */
.socialContent #contArea	{ width:820px !important; }
.socialCont	{ position:relative; }
	#contArea .socialCont h2	{ position:absolute; left:0; top:0; width:151px; height:157px; padding:20px; font-weight:normal; font-size:25px; background:none; }
	.socialCont ul	{ *zoom:1; }
	.socialCont ul:after	{ content:""; display:block; clear:both; }
	.socialCont ul li	{ float:left; width:191px; height:197px; margin:0 13px 0 0; padding:0 0 45px; }
	.socialCont ul li:first-child	{ margin-left:204px; }
	.socialCont ul li>div.cont	{ width:189px; height:195px; border:1px solid #dcdcdc; }
	.socialCont ul li p.logo	{ height:103px; padding:20px; border-bottom:1px solid #dcdcdc; }
	.socialCont ul li .btn	{ *zoom:1; }
	.socialCont ul li .btn:after	{ content:""; display:block; clear:both; }
	.socialCont ul li .btn a	{ display:inline-block; float:left; width:24.5%; height:50px; border-right:1px solid #dcdcdc; overflow:hidden; text-align:center; }
	.socialCont ul li .btn a:nth-child(4n)	{ border-right:0; }
	.socialCont ul li .btn a img	{ margin-top:0; }
	.socialCont ul li .btn a:hover img,
	.socialCont ul li .btn a:active img,
	.socialCont ul li .btn a:focus img	{ margin-top:-50px; }

.sidebarSocial	{ width:310px !important; }
	.snsWrap	{ margin-bottom:30px; border:1px solid #dcdcdc; }
	#contArea .snsWrap h2	{ height:auto !important; }
	.facebook h2	{ height:42px; padding:0 0 0 22px; color:#fff; line-height:42px; background:#395a9d; }
	.facebook h2 span	{ display:inline-block; margin-left:5px; vertical-align:middle; }
	.facebook .snsCont	{ width:278px; height:590px; padding:10px 15px; overflow:hidden; background:#fff; }
	
	.youtube h2	{ position:relative; height:30px; padding:5px 0 0 22px; background:#ebebeb; }
	.youtube h2 span	{ display:inline-block; position:absolute; right:20px; top:11px; margin-left:5px; vertical-align:middle; }
	.youtube h2 a	{ font-size:12px; color:#424242; }
	.youtube ul	{ margin-bottom:-5px; padding:10px 15px; }
	.youtube ul li	{ position:relative; min-height:61px; margin-bottom:5px; padding:15px 0 0 112px; }
	.youtube ul li a	{ display:block; }
	.youtube ul li p.thumb	{ position:absolute; left:0; top:0; }
	.youtube ul li p.text	{ font-size:12px; color:#333; }
	.youtube ul li p.text span.date	{ display:block; padding-top:8px; font-size:11px; color:#757575; }
	
/********** 06_COMPANY **********/
.subPageBody #contArea	{ float:none; width:100%; }

.sectionCont	{ position:relative; *zoom:1; }
.sectionCont:after	{ content:""; display:block; clear:both; }
.sectionCont h3	{ float:left; width:255px; padding:35px 0; font-weight: bold; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:16px; color:#454545; line-height:24px; border-top:2px solid #000; }
.sectionCont div.cont	{ float:right; width:852px; padding:35px 15px 70px 0; border-top:1px solid #c0c0c0; }
.sectionCont div.cont p.tit	{ padding:0 0 10px 0; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:16px; color:#333; }
.sectionCont div.cont p.text	{ padding:0 0 10px 0; line-height:20px; }

/* CEO 메세지 */
.ceoArea	{  }
.ceoArea h3	{ padding:25px 0 15px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:18px; color:#454545; border-top:1px solid #cecece; }
.ceoArea p.text	{ padding-bottom:10px; line-height:22px; }

.ceoArea .ceoHead	{ position:relative; height:320px; *zoom:1; }
.ceoArea .ceoHead:after	{ content:""; display:block; clear:both; }
.ceoArea .ceoHead .ceoImg	{ display:block; position:absolute; left:410px; top:-32px; }
.ceoArea .ceoHead .tit	{ float:left; padding:33px 0 0; font-size:20px; }
.ceoArea .ceoHead .tit span	{ display:inline-block; padding:20px 0 0 15px; line-height:28px; }
.ceoArea .ceoHead .cont	{ float:right; width:235px; }
.ceoArea .ceoHead .cont h3	{ padding:30px 0 10px; font-size:20px; border-top:none; }

.ceoArea .ceoCont	{ padding-top:25px; border-top:1px solid #cecece; *zoom:1; }
.ceoArea .ceoCont:after	{ content:""; display:block; clear:both; }
.ceoArea .ceoCont div.fl	{ width:315px; min-height:595px; background:url('/global/images/company/bg_ceo.jpg') no-repeat 0 100%; }
.ceoArea .ceoCont div.fl p	{ line-height:22px; display: block; width: 229px;}
.ceoArea .ceoCont div.fl span	{ display:inline-block; padding:15px 0; }
.ceoArea .ceoCont div.fr	{ width:835px; padding-top:133px; }
.ceoArea .ceoCont div.fr ul	{ *zoom:1; }
.ceoArea .ceoCont div.fr ul:after	{ content:""; display:block; clear:both; }
.ceoArea .ceoCont div.fr ul li	{ float:left; width:33.3%; }
.ceoArea .ceoCont div.fr ul li div.cont	{ margin:0 20px; padding-top:45px; }
.ceoArea .ceoCont div.fr ul li.first div.cont	{ margin-left:0; }
.ceoArea .ceoCont div.fr ul li.last div.cont	{ margin-right:0; }


.ceoArea .ceoCont ul li.cont1 div.cont	{ background:url("/global/images/company/ico_ceo1.gif") no-repeat 0 0; }
.ceoArea .ceoCont ul li.cont2 div.cont	{ background:url("/global/images/company/ico_ceo2.gif") no-repeat 0 0; }
.ceoArea .ceoCont ul li.cont3 div.cont	{ background:url("/global/images/company/ico_ceo3.gif") no-repeat 0 0; }

/* 사업분야 */
.businessArea	{ position:relative; padding:0 0 0 306px; }
.businessArea1	{ background:url("/global/images/company/bg_business1.gif") no-repeat 0 0; }
.businessArea1 p.pdtImg	{ position:absolute; left:19px; top:196px; }
.businessArea2	{ background:url("/global/images/company/bg_business2.gif") no-repeat 0 0; }
.businessArea2 p.pdtImg	{ position:absolute; left:1px; top:220px; }
.businessArea3	{ padding:0 0 0 325px; background:url("/global/images/company/bg_business3.gif") no-repeat 0 0; }
.businessArea3 p.pdtImg	{ position:absolute; left:0; top:126px; }
.businessArea3 .businessPdtList li	{ width:158px; }

.businessHead	{ padding:75px 0 0; }
	#contArea .businessHead h2	{padding: 0 0 20px; font-size:65px; color:#252525; letter-spacing:-1px; background:none; }
.businessHead p.tit	{ font-size:18px; line-height:30px; }
.businessHead p.tit strong	{ font-size:24px; }
.businessHead p.tit span	{ font-size:14px; line-height:20px; }

.businessCont	{ padding:85px 0 90px; *zoom:1; }
.businessCont:after	{ content:""; display:block; clear:both; }
.businessCont h3	{ padding:0 0 10px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:20px; color:#454545; }
.businessCont p.text	{ float:left; width:385px; margin-right:60px; line-height:22px; }
.businessCont p.text strong	{ font-size:16px; }
.businessCont p.last	{ margin-right:0; }

.businessPdtList	{ *zoom:1; }
.businessPdtList:after	{ content:""; display:block; clear:both; }
.businessPdtList li	{ float:left; width:213px; vertical-align:top; }

/* 회사개요 */
.summaryHead	{ min-height:420px; margin-top:-39px; padding-top:39px; border-bottom:1px solid #c0c0c0; background:url('/global/images/company/bg_summary.jpg') no-repeat 100% 0; }
.summaryHead p.tit	{ padding:80px 0 0; font-size:26px; line-height:32px; color:#333; }
.summaryHead p.tit2	{ padding:15px 0 0; line-height:22px; font-size: 16px; }
.summaryHead p.tit strong	{ display:inline-block; padding-bottom:5px; font-size:60px; color:#252525; line-height:62px; }
.summaryHead p.txt	{ padding-top:7px; line-height:24px; display: block; width: 562px; font-size:20px; color:#333; }

.summaryCont h2	{ margin-top:60px; }
.summaryCont p.text	{ padding-bottom:10px; line-height:22px; }

.summaryFoot	{ padding-right:65px; *zoom:1; }
.summaryFoot:after	{ content:""; display:block; clear:both; }
.summaryFoot>div	{ width:515px; }
.summaryFoot>div .list	{ border-top-color:#000; }
.summaryFoot>div .list td.al	{ padding-left:50px; }

/* 수샹내역 */
#contArea .awardArea h2	{ position:absolute; left:-58px; top:11px; padding:0; }
.awardArea	{ margin-left:57px; border-left:1px solid #000; }
.awardSection	{ position:relative; padding:20px 0 0 390px; }

.awardSection1	{ min-height:700px; }
.awardSection1 p	{ position:absolute; left:61px; bottom:83px; }
.awardSection2	{ min-height:720px; }
.awardSection2 p	{ position:absolute; left:61px; bottom:99px; }
.awardSection3	{ min-height:695px; }
.awardSection3 p	{ position:absolute; left:61px; bottom:0; }
.awardSection4	{ min-height:800px; }
.awardSection4 p	{ position:absolute; left:61px; bottom:90px; }

.awardList	{ width:100%; border-top:1px solid #e383a8; border-bottom:1px solid #dfdfdf; table-layout:fixed; }
.awardList thead th	{ padding:20px 0 16px 10px; color:#333; border-bottom:1px solid #dfdfdf; text-align:left; }
.awardList tbody td	{ padding:15px 0 14px 10px; font-size:13px; line-height:20px; word-spacing:-1px; vertical-align:top; }

/* 연혁 */
.historyArea	{ }
.historyHead	{ min-height:177px; text-align:center; }
.historyHead p	{}
.historyHead p span.txt	{ font-size:30px; color:#333; }
.historyHead p strong	{ font-size:90px; color:#c0c0c0; letter-spacing:-1px; }
.historyCont	{ position:relative; padding:0; background:url('/global/images/company/bg_line.gif') repeat-y 50% 0; }
.historyCont ul	{ *zoom:1; }
.historyCont ul:after	{ content:""; display:block; clear:both; }
.historyCont ul li	{ position:absolute; width:50%; }
.historyCont ul li h3	{font-weight: bold; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:45px; color:#252525; line-height:45px; letter-spacing:-1px; }
.historyCont ul li dl	{ padding:30px 0 0 79px; *zoom:1; }
.historyCont ul li dl:after	{ content:""; display:block; clear:both; }
.historyCont ul li dl dt	{ clear:both; float:left; width:30px; margin:0 8px 0 0; padding-bottom:15px; font-weight: bold; font-size:22px; color:#404040; line-height:20px; }
.historyCont ul li dl dd	{ float:left; width:460px; padding-bottom:15px; line-height:22px; }
.historyCont ul li dl dd strong	{ font-size:20px; color:#252525; line-height:22px; }
.historyCont ul li dl dd .historyImg	{ display:block; margin-left:-38px; padding:15px 0 30px; }
.historyCont ul li.fl	{ text-align:right; }
.historyCont ul li.fl h3	{ margin-right:-10px; padding-right:90px; background:url('/global/images/company/bg_history2.gif') no-repeat 100% 9px; }
.historyCont ul li.fl dl	{ padding:30px 79px 0 0; }
.historyCont ul li.fl dl dt	{ float:right; margin:0 0 0 8px; }
.historyCont ul li.fl dl dd	{ float:right; }
.historyCont ul li.fl dl dd .historyImg	{ margin-left:0; margin-right:-38px; }

.historyCont ul li.fr h3	{ margin-left:-10px; padding-left:90px; background:url('/global/images/company/bg_history1.gif') no-repeat 0 9px; }
.historyCont1	{ min-height:2420px }
.historyCont2	{ min-height:1180px }
.historyCont3	{ min-height:7490px }

.history2000	{ right:0; top:70px; }
.history1999	{ left:0; top:173px; }
.history1998	{ right:0; top:390px; }
.history1997	{ left:0; top:521px; }
.history1996	{ left:0; top:755px; }
.history1995	{ right:0; top:846px; }
.history1991	{ left:0; top:1100px; }
.history1990	{ right:0; top:1246px; }
.history1989	{ right:0; top:1468px; }
.history1985	{ left:0; top:1590px; }
.history1984	{ right:0; top:1759px; }
.history1983	{ left:0; top:1884px; }
.history1980	{ right:0; top:2022px; }
.history1974	{ left:0; top:2246px; }

.history1967	{ right:0; top:84px; }
.history1966	{ left:0; top:194px; }
.history1960	{ right:0; top:400px; }
.history1955	{ left:0; top:550px; }
.history1954	{ right:0; top:670px; }
.history1950	{ left:0; top:870px; }
.history1949	{ left:0; top:870px; }
.history1947	{ right:0; top:1020px; }

.history2001	{bottom:0; right: 0;}
.history2002	{bottom: 150px;left: 0;}
.history2003	{bottom: 300px;right: 0;}
.history2004	{bottom: 620px;left: 0;}
.history2005	{bottom: 1000px;right: 0;}
.history2006	{bottom: 1460px;left: 0;}
.history2007	{bottom: 1930px;right: 0;}
.history2008	{bottom: 2610px;left: 0;}
.history2009	{bottom: 2840px;right: 0;}
.history2010	{bottom: 3100px;left: 0;}
.history2011	{bottom: 3540px;right: 0;}
.history2012	{bottom: 3880px;left: 0;}
.history2013	{bottom: 4100px;right: 0;}
.history2014	{bottom: 4600px;left: 0;}
.history2015	{bottom: 4750px;right: 0;}
.history2016	{bottom: 4910px;left: 0;}
.history2017	{bottom: 5010px;right: 0;}
.history2018	{bottom: 5300px;left: 0;}
.history2019	{bottom: 5510px;right: 0;}
.history2020	{bottom: 5800px;left: 0;}
.history2021	{bottom: 6150px;right: 0;}
.history2022    {bottom: 6560px;left: 0;}
.history2023    {top:0;right: 0;}

/* R&D */
.rndHead	{ margin-top:10px; }
.rndHead .tit {font-size: 80px; color: #c80852; letter-spacing: -3px;}
.rndHead .tit span {display: block; padding-left: 91px; font-size: 54px; color: #160116}
.rndHead p.text	{ padding-bottom:10px; color:#454545; line-height:22px; }
.rndHead p.text strong.fontType4	{ font-size:16px; }

.rndHead1	{ min-height:305px; background:url('/global/images/company/bg_rnd2.jpg') no-repeat right bottom; }
.rndHead2,
.rndHead3,
.rndHead4 { min-height:405px; background:url('/images/company/bg_rnd2.jpg') no-repeat right bottom; }
.rndHead1 p.tit	{ padding: 0 0 28px; }
.rndHead2 p.tit	,
.rndHead3 p.tit	,
.rndHead4 p.tit	{ padding:66px 0 28px; }
.rndHead5	{ min-height:405px; background:url('/global/images/company/bg_rnd5.jpg') no-repeat 100% 0; }
.rndHead5 p.tit	{ padding:45px 0 35px; }
.rndHead6	{ min-height:455px; background:url('/global/images/company/bg_rnd6.jpg') no-repeat 100% 0; }
.rndHead6 p.tit	{ padding:45px 0 25px; }
.rndHead6 p.text {width: 744px;}
.rndHead6 p.text strong,.rndHead6 p.text b{font-weight:500; letter-spacing: -0.6px;}
.rndHead6 p.blt{background-position: left 10px;}

.rndCont	{ padding-bottom:1px; word-break: keep-all; /*background:url('/global/images/common/bg_sectionLine.gif') no-repeat 0 100%;*/ }
.rndCont.noBg { padding-bottom:395px; background:none; }
.rndCont .sectionCont div.cont	{ width:622px; padding:35px 15px 70px 0;}
.rndCont.rndCont1 .sectionCont div.cont,
.rndCont.rndCont2 .sectionCont div.cont,
.rndCont.rndCont4 .sectionCont div.cont{ width:calc(100% - 294px); padding-left:0;}
.rndCont .imgBox{margin-top: 70px; text-align: center;}
.rndCont .imgBox li{margin-top: 30px;}
.rndCont.rndCont1 p.text strong{font-weight: 700; font-size: 16px; color: #252525;}
.rndCont.rndCont1 .rndCont1_4 .imgBox{display: flex; justify-content: center; align-items: flex-end;}
.rndCont.rndCont1 .rndCont1_4 .imgBox li{width: 25%;}
.rndCont.rndCont2 p.text b {font-size: 16px;}
.rndCont.rndCont2 .rndCont2_6 .textBox {margin-top: 30px;}
.rndCont.rndCont2 .rndCont2_6 .textBox p{position: relative; margin-left: 30px; font-size: 12px;}
.rndCont.rndCont2 .rndCont2_6 .textBox span { position: absolute; left: -20px; top: 3px; display: inline-block; font-size: 12px; line-height: 0; color: #fff; background: #343434; border-radius: 50%; padding: 8px 5px;}
.rndCont.rndCont4 .imgBox{display: flex; margin-right: -10px;}
.rndCont.rndCont4 .imgBox li{margin-right: 10px;}
.rndCont.rndCont5 .sectionCont div.cont {padding: 20px 15px 20px 230px}

.rndCont5 .sectionCont .cont { padding: 20px 15px 20px 230px;}
.rndCont5 .sectionCont .cont dl{padding:20px 0 30px; border-bottom:1px solid #ececec;}
.rndCont5 .sectionCont .cont >dl dt	{ padding:0 0 15px; color:#252525; }
.rndCont5 .sectionCont .cont >dl dd	{ line-height:20px; }
.rndCont5_1	{ background:url('/global/images/company/cont_rnd5_1.jpg') no-repeat 0 0; }
.rndCont5_2	{ background:url('/global/images/company/cont_rnd5_2.jpg') no-repeat 0 0; }
.rndCont5_3	{ background:url('/global/images/company/cont_rnd5_3.jpg') no-repeat 0 0; }
.rndCont5_4	{ background:url('/global/images/company/cont_rnd5_4.jpg') no-repeat 0 0; }

.designRndCont	{ padding-top:40px; }
.designRndCont div.cont	{ position:relative; min-height:700px; margin-top:55px; background:url('/global/images/company/bg_design_rnd.gif') no-repeat 0 0; }
.designRndCont div.cont dl	{ position:absolute; }
.designRndCont div.cont dl dt	{ font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:20px; color:#252525; }
.designRndCont div.cont dl dd	{ padding:0 0 3px 8px; font-size:12px; background:url('/global/images/common/blt1.gif') no-repeat 0 5px; }
.designRndCont div.cont dl dd.bgn	{ padding-left:0; }

.designRndCont dl.hType1	{ padding-left:55px; }
.designRndCont dl.hType1 dt	{ position:absolute; left:0; top:0; }

.designRndCont dl.h01	{ left:35px; top:226px; }
.designRndCont dl.h02	{ left:182px; top:146px; }
.designRndCont dl.h03	{ left:330px; top:226px; }
.designRndCont dl.h04	{ left:485px; top:146px; }
.designRndCont dl.h05	{ left:635px; top:226px; }
.designRndCont dl.h06	{ left:781px; top:146px; }
.designRndCont dl.h07	{ left:931px; top:226px; }
.designRndCont dl.h08	{ right:31px; top:146px; text-align:right; }
.designRndCont dl.h09	{ left:70px; top:590px; }
.designRndCont dl.h10	{ left:220px; top:506px; }
.designRndCont dl.h11	{ left:370px; top:590px; }

.designRndCont2	{ *zoom:1; }
.designRndCont2:after	{ content:""; display:block; clear:both; }
.designRndCont2 li	{ float:left; width:540px; margin-right:40px; letter-spacing: -0.25px; }
.designRndCont2 li>div.cont	{ padding-top:25px; border-top:1px solid #c0c0c0; }
.designRndCont2 li>div.cont ul li	{ padding:0 0 10px 13px; line-height:20px; background:url('/global/images/common/blt1.gif') no-repeat 2px 9px; }
.designRndCont2 li>div.cont ul li strong	{ font-weight:500; color:#454545; }
.designRndCont2 li>div.cont ul li span	{ display:inline-block; margin-left:97px; }

.rndFoot	{ position:relative; height:244px; margin-top:85px; padding:0 240px 0 200px; background:url('/global/images/company/bg_rndBox.gif') no-repeat 0 0; }
.rndFoot p.tit	{ height:46px; padding:41px 0 0; overflow:hidden; }
.rndFoot p.tit strong	{ display:inline-block; padding:20px 0 0 8px; font-size:18px; }
.rndFoot p.text	{ padding:15px 0 0; line-height:20px; }
.rndFoot p.text strong	{ font-weight:500; color:#333; letter-spacing:-1px; }
.rndFoot p.btn	{ position:absolute; right:12px; bottom:0; }
.designRndFoot	{ height:198px !important; background:url('/global/images/company/bg_rndBox2.gif') no-repeat 0 0 !important; }
.designRndFoot p.tit	{ letter-spacing:0; }

/* 사업장 소개 */
.factoryArea	{ position:relative; min-height:625px; margin-top:-55px; padding:140px 0 0; background:url('/global/images/company/bg_factory.gif') no-repeat 100% 0; }
.factoryHead p.tit	{ font-size:27px; color:#454545; line-height:36px; padding-bottom:15px; display: block; width: 554px; }
.factoryHead p.tit strong	{ font-size:32px; }
.factoryHead p.text	{ line-height:20px; display: block; width: 554px; }

.factoryCont	{ width:587px; padding:60px 0 0; }

.factoryTab	{ padding-bottom:25px; *zoom:1; }
	.factoryTab:after	{ content:""; display:block; clear:both; }
	.factoryTab li	{ float:left; margin-right:9px; line-height:15px; letter-spacing:-0.1px; }
	.factoryTab li a	{ color:#333; }
	.factoryTab li span	{ display:inline-block; width:14px; height:15px; margin-right:5px; background:url('/global/images/company/ico_factory.gif') no-repeat; vertical-align:top; }
	.factoryTab li.tab1 span	{ background-position:0 -15px; }
	.factoryTab li.tab1.on span	{ background-position:0 0; }
	.factoryTab li.tab2 span	{ background-position:-14px -15px; }
	.factoryTab li.tab2.on span	{ background-position:-14px 0; }
	.factoryTab li.tab3 span	{ background-position:-28px -15px; }
	.factoryTab li.tab3.on span	{ background-position:-28px 0; }
	.factoryTab li.tab4 span	{ background-position:-42px -15px; }
	.factoryTab li.tab4.on span	{ background-position:-42px 0; }
	.factoryTab li.tab5 span	{ background-position:-56px -15px; }
	.factoryTab li.tab5.on span	{ background-position:-56px 0; }

	.factoryMap	{ position:absolute; left:514px; top:0; }
	.factoryMap li.factoryMap1_1	{position:absolute;left: 282px;top: 123px;}
	.factoryMap li.factoryMap1_2	{position:absolute;left: 284px;top: 307px;}
	.factoryMap li.factoryMap1_3	{position:absolute;left: 220px;top: 507px;}
	.factoryMap li.factoryMap1_4	{position:absolute;left: 470px;top: 415px;}
	.factoryMap li.factoryMap1_5	{position:absolute;left: 213px;top: 153px;}
	.factoryMap li.factoryMap1_6	{position:absolute;left: 350px;top: 261px;}
	.factoryMap li.factoryMap1_7	{position:absolute;left: 572px;top: 416px;}
	.factoryMap li.factoryMap2_1	{position:absolute;left: 250px;top: 237px;}
	.factoryMap li.factoryMap2_2	{position:absolute;left: 407px;top: 51px;}
	.factoryMap li.factoryMap2_3	{position:absolute;left: 436px;top: 120px;}
	.factoryMap li.factoryMap3_1	{position:absolute;left: 213px;top: 461px;}
	.factoryMap li.factoryMap3_2	{position:absolute;left: 455px;top: 444px;}
	.factoryMap li.factoryMap3_3	{position:absolute;left: 303px;top: 168px;}
	.factoryMap li.factoryMap4	{position:absolute;left: 181px;top: 132px;}


/* 전국매장찾기 */
.storeArea	{  }
.storeArea .btns {padding-bottom:10px; text-align:right;}
.storeArea .btnArea .btnType4	{ width:242px; padding:0 !important; }
.storeArea .section	{ padding-bottom:15px; border-top:1px solid #dcdcdc; *zoom:1; }
.storeArea .section:after	{ content:""; display:block; clear:both; }
.storeArea .section h3	{ float:left; width:225px; }
.storeArea .section h3 span	{ display:inline-block; width:225px; margin-top:-1px; padding-top:20px; padding-bottom:20px; font-size:20px; color:#333; border-top:4px solid #000; }
.storeArea .section>div.cont	{ float:right; width:885px; }
.storeArea .section>div.cont ul	{ padding:15px 0; *zoom:1; }
.storeArea .section>div.cont ul:after	{ content:""; display:block; clear:both; }
.storeArea .section>div.cont ul li	{ float:left; width:14.2%; font-size:13px; line-height:36px; }
.storeArea .section>div.cont ul li label	{ display:inline-block; margin-left:5px; }
.storeArea .section>div.cont .areaList	{ margin-bottom:30px; padding:15px 20px; border:1px solid #f2f2f2; background:#fdfdfd; }
.storeArea .section>div.cont .areaList ul	{ padding:0; }
.storeArea .section>div.cont .areaList ul li	{ width:8.3% !important; }
.storeArea .section>div.cont p.txt	{ padding:25px 0; }
.storeArea .section-last	{ border-bottom:1px solid #dcdcdc; }
.storeArea .section-last div.cont.inputArea {padding-top:17px;}
.storeArea .section-last div.cont.inputArea input{ width:97%;}
.storeArea .section-result	{ margin-top:100px; }

/* 글로벌 네트워크 */
.globalHead	{}
.globalHead p.tit	{ font-size:24px; line-height:38px; color:#454545; }
.globalHead p.tit strong.fontType4	{ font-size:30px; }
.globalHead div.text	{ padding:50px 0 100px; *zoom:1; }
.globalHead div.text:after	{ content:""; display:block; clear:both; }
.globalHead div.text>p	{ width:565px; line-height:22px; }
.globalHead div.text p.fl	{  }
.globalHead div.text p.fr	{ width:565px; }
.globalCont	{}
.globalCont .section	{}
.globalCont .section ul	{ padding:25px 0 0; *zoom:1; }
.globalCont .section ul:after	{ content:""; display:block; clear:both; }
.globalCont .section ul li	{ float:left; width:50%; min-height:200px; }
.globalCont .section ul li h3	{ height:35px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-weight: bold; font-size:20px; color:#333; line-height:35px; border-bottom:1px solid #dcdcdc; }
.globalCont .section ul li h3 span	{ font-size:14px; }
.globalCont .section ul li.first div	{ margin-left:0; }
.globalCont .section ul li.last div	{ margin-right:0; }
.globalCont .section ul li div	{ margin:0 25px; }
.globalCont .section ul li p.addr	{ padding:15px 0 10px; font-size:13px; line-height:18px; }
.globalCont .section ul li p.tel	{ font-size:13px; line-height:18px; }
.globalCont .section ul li p.tel strong	{ display:inline-block; min-width:25px; color:#333 !important; }

/* CI */
.ciArea	{}
.ciArea .section	{ padding:50px 0; border-top:1px solid #ececec; }
.ciArea .section p.text	{ line-height:22px; }

.ciArea .ciCont1	{ padding-top:0; border-top:none; }
.ciCont1 .cont	{ padding:55px 65px 0 0; overflow:hidden; }
.ciCont1 .cont div.fl	{ width:640px; }
.ciCont1 .cont div.fl p.tit	{ font-size:18px; line-height:28px; }
.ciCont1 .cont div.fl p.tit span	{ font-size:24px; }
.ciCont1 .cont div.fl strong.fontType4	{ font-size:22px; line-height:28px; }
.ciCont1 .cont div.fl strong.fontType5	{ font-size:36px; line-height:45px; }
.ciCont1 .cont div.fl p.text	{ padding-top:8px; font-size:16px; line-height:22px; }
.ciCont1 .cont div.fr	{ width:356px; overflow:hidden; }
.ciCont1 .cont div.fr li	{ float:left; width:148px; margin-left:60px; text-align:center; }
.ciCont1 .cont div.fr li.first	{ margin-left:0; }
.ciCont1 .cont div.fr li span	{ display:inline-block; padding-top:20px; font-size:16px; }

.ciCont2 .cont	{ padding:55px 68px 0 30px; overflow:hidden; }
.ciCont2 .cont ul li	{ padding-top:40px; *zoom:1; }
.ciCont2 .cont ul li:after	{ content:""; display:block; clear:both; }
.ciCont2 .cont ul li.first	{ padding-top:0; }
.ciCont2 .cont ul li>div.fl	{ width:585px; }
.ciCont2 .cont ul li>div.fr	{ width:457px; }
.ciCont2 .cont ul li span	{ display:block; padding-top:10px; font-size:13px; }
.ciCont2 .cont ul li a	{ display:block; padding-top:5px; }

.ciCont3 .cont	{ padding:55px 95px 0 30px; *zoom:1;}
.ciCont3 .cont:after	{ content:""; display:block; clear:both; }
.ciCont3 .cont .fl	{ width:610px; }
.ciCont3 .cont .fr	{ width:360px; }
.ciCont3 .cont img	{ display:inline-block; float:left; margin-left:10px; }
.ciCont3 .cont img:first-child	{ margin-left:0; }
	
/* BI */
.biArea	{ position:relative; min-height:210px; }
	.biArea h3	{ position:absolute; left:0; width:165px; height:53px; line-height:50px; border-bottom:1px solid #ececec; }
	.biArea h3 a	{ font-size:16px; color:#757575 !important; }
	.biArea h3.on a	{ font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:24px; }
	h3.bi01	{ top:0; }
	h3.bi01.on a	{ color:#c70752 !important; }
	h3.bi02	{ top:53px; }
	h3.bi02.on a	{ color:#1765d5 !important; }
	h3.bi03	{ top:106px; }
	h3.bi03.on a	{ color:#d41818 !important; }
	
.biList	{ padding-left:203px; *zoom:1; }
.biList:after	{ content:""; display:block; clear:both; }
.biList li	{ position:relative; float:left; margin:0 40px 0 0; padding-bottom:80px; }
	.biList li p.logo	{ width:206px; height:98px; padding:1px; background:url('/global/images/company/bg_bi.gif') no-repeat 0 0; }
	.biList li p.tit	{ width:135px; margin:10px 0 0; padding:0 60px 0 13px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:13px; color:#454545; background:url('/global/images/common/blt6.gif') no-repeat 0 50%; }
	.biList li p.btn	{ position:absolute; right:3px; bottom:80px; }

/********** 07_정도경영 **********/
.rightList	{ background:url('/global/images/right/bg_line2.gif') no-repeat left 0; }
	#contArea .rightList h2	{ float:left; width:205px; padding:0 0 0 10px; font-size:20px; background:none; }
	.rightList li	{ position:relative; padding:35px 0 35px 0; background:url('/global/images/right/bg_line2.gif') no-repeat left 100%; overflow:hidden; vertical-align:top; }
	.rightList li div.cont	{ float:right; width:660px; line-height:22px; }
	.rightList li div.cont p	{ padding:5px 0 0 8px; }
	.rightList li div.cont p.first	{ padding-top:0; }
	.rightList li ul	{ padding:30px 0 0; }
	.rightList li ul li	{ padding:0 !important; background:none; }

/* 정도경영 소개 */
.introArea	{}
	#contArea .introArea .article h2	{ padding:0 0 0 10px; font-size:25px; line-height:27px; color:#333; font-family:LGSmHaR, LGSmHaR, dotum, gulim; background:none; }
	.introArea .article	{ background:url('/global/images/right/bg_line2.gif') no-repeat left 0; *zoom:1; }
	.introArea .article:after	{ content:""; display:block; clear:both; }
	.introArea .article h2	{ float:left; width:205px; margin:50px 0; }
	.introArea .head	{ float:right; width:660px; margin:50px 0; line-height:22px; }
	.introArea .head p	{ padding:5px 0 0 8px; }
	.introArea .head p:first-child	{ padding-top:0; }
	.introArea .content	{ clear:both; position:relative; padding:1px 0 0 240px; background:url('/global/images/right/bg_line2.gif') no-repeat left 0; }
	.introCont1	{ padding:40px 0; }
	.introCont1 div	{ width:230px; font-size:12px; line-height:18px; word-break:keep-all; }
	.introCont1 div h3	{ margin-bottom:10px; font-size:16px; line-height:18px; color:#000; font-family:LGSmHaR, LGSmHaR, dotum, gulim; }
	.introCont1 .pos1	{ position:absolute; left:658px; top:70px; }
	.introCont1 .pos2	{ position:absolute; left:658px; top:205px; }
	.introCont1 .pos3	{ position:absolute; left:658px; top:363px; }
	
	.introCont2	{ padding:40px 0 0; }
	.introCont2 li	{ padding-left:13px; font-size:13px; line-height:18px; background:url('/global/images/common/blt2.gif') no-repeat 0 7px; }
	.introCont2 .pos1	{ position:absolute; left:675px; top:71px; }
	.introCont2 .pos2	{ position:absolute; left:675px; top:200px; }

/* 윤리규범 */
#contArea .ruleList h2	{ padding:10px 0; font-size:20px; background:none; }
.ruleArea	{}
	.ruleArea p.text	{ padding-bottom:65px; line-height:22px; }
.ruleList	{ border-top:1px solid #c0c0c0; }
	.ruleList li	{ background:url('/global/images/right/bg_arrow.gif') no-repeat 100% 100%; vertical-align:top; }
	.ruleList li div.head a	{ display:block; padding:40px 0 40px 168px; cursor:pointer; }
	
	.ruleList li div.head a.rule1_1	{ background:url('/global/images/right/ico_rule1.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule1_2	{ background:url('/global/images/right/ico_rule2.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule1_3	{ background:url('/global/images/right/ico_rule3.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule1_4	{ background:url('/global/images/right/ico_rule4.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule1_5	{ background:url('/global/images/right/ico_rule5.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule1_6	{ background:url('/global/images/right/ico_rule6.gif') no-repeat 40px 40px; }
	
	.ruleList li div.head a.rule1	{ background:url('/global/images/right/ico_rule7.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule2	{ background:url('/global/images/right/ico_rule1.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule3	{ background:url('/global/images/right/ico_rule2.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule4	{ background:url('/global/images/right/ico_rule3.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule5	{ background:url('/global/images/right/ico_rule4.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule6	{ background:url('/global/images/right/ico_rule5.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule7	{ background:url('/global/images/right/ico_rule6.gif') no-repeat 40px 40px; }
	.ruleList li div.head a.rule8	{ background:url('/global/images/right/ico_rule7.gif') no-repeat 40px 40px; }
	
	.ruleList li div.head p.txt	{ font-size:13px; line-height:22px; }
	.ruleList li div.cont	{ display:none; padding:0 50px 80px 50px; }
	.ruleList li div.cont p.txt	{ font-size:13px; line-height:22px; }
	.ruleList li div.cont dl	{}
	.ruleList li div.cont dl dt	{ padding:15px 0 0; font-family:LGSmHaR, LGSmHaR, dotum, gulim; color:#c70752; line-height:26px; }
	.ruleList li div.cont dl dd	{ padding:0 0 0 15px; font-size:13px; line-height:24px; }
	
	.ruleList li.on	{  background:none; }
	.ruleList li.on div.head	{ margin-top:-1px; border-top:1px solid #c70752; }
	.ruleList li.on div.cont	{ display:block; background:url('/global/images/right/bg_arrow2.gif') no-repeat 100% 100%; }

/* 정도경영 프로그램 */
.programArea	{}
	.programArea .rightList	{ background:url('/global/images/right/bg_line.gif') no-repeat left 0;  }
	.programArea .rightList li	{ padding:35px 0 75px 0; }	
	.programArea .rightList li.last	{ padding-bottom: 15px;}
	.programArea .rightList li h2 span.ico	{ display:inline-block; position:absolute; left:153px; bottom:1px; height:70px }
	.programArea .rightList li div.cont p	{ padding-top:0; }
	.programArea .rightList li ul li	{ min-height:110px; padding:0 0 0 214px !important; }
	.programArea .rightList li ul li p.img	{ position:absolute; left:0; top:0; padding:0; }
	.programArea .rightList li ul li p.text	{ padding:25px 0 15px; font-size:13px; line-height:20px; }

/* 사이버 신문고 */
#contArea .sinmungoArea h2	{ padding-bottom:12px; font-size:18px; }
.sinmungoArea	{ margin-top:-27px; padding-top:0; background:url('/global/images/right/bg_sinmungo.jpg') no-repeat right top; }
	.sinmungoCont1	{ padding:20px 0 40px; border:none; }
	.sinmungoCont1 p	{ font-size:24px; line-height:30px; }
	.sinmungoCont1 p span	{ color:#000; }
	.sinmungoCont1 p span.db	{ padding:25px 0 0; color:#666; }
	.sinmungoCont1 ul	{ width:510px; padding:35px 0 0; *zoom:1; }
	.sinmungoCont1 ul:after	{ content:""; display:block; clear:both; }
	.sinmungoCont1 ul li {line-height:22px; background-position: 0 center;}
	.sinmungoCont2	{ padding:50px 0; border-top:1px solid #c0c0c0; *zoom:1; }
	.sinmungoCont2:after	{ content:""; display:block; clear:both; }
	.sinmungoCont2 div.fl	{ width:50%; }
	.sinmungoCont2 div.fl div.cont	{ position:relative; padding-left:102px; line-height:22px; }
	.sinmungoCont2 div.fl div.cont p.btn	{ position:absolute; left:0; top:0; }
	.sinmungoCont2 p.caution	{ margin-top:10px; padding-left:18px; font-size:12px; color:#757575; line-height:18px; background:url('/global/images/common/ico_caution.gif') no-repeat left 2px; }
	.sinmungoCont2 div.fr {width: 50%; padding-left: 30px; box-sizing: border-box;}
	.sinmungoCont2 div.fr .ico {position: absolute;}
	.sinmungoCont2 div.fr p.text {padding-left: 114px; line-height: 22px;}

/********** 08_지속가능경영 **********/
.contStyleA	{ padding-bottom:70px; *zoom:1; }
.contStyleA:after	{ content:""; display:block; clear:both; }
.contStyleA h3	{ float:left; width:212px; padding:20px 0 0; font-size:20px; color:#333; line-height:26px; border-top:2px solid #252525; letter-spacing:-1px; }
.contStyleA h3 span	{ font-size:13px; color:#757575; letter-spacing:0; }
.contStyleA h3 span.subTitle	{ display: block; font-size:18px; color:#757575; margin-top: 6px; }
.contStyleA h4	{ padding:20px 0 10px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-weight: bold; font-size:16px; color:#454545; }
.contStyleA h4 span	{ font-size:14px; }
.contStyleA h4.ac	{ font-size:20px; color:#333; }
.contStyleA div.cont	{ float:right; width:660px; padding:20px 0; border-top:1px solid #dcdcdc; }
.contStyleA div.cont p.txt	{ padding:0 0 20px; line-height:22px; }
.contStyleA div.cont #contribute4Img{position:absolute; bottom:0;}
.contStyleA div.cont p.txt	strong {font-weight:bold;}
.contStyleA div.cont p.contImg	{ padding-top:50px; }
.contStyleA div.cont p.txtUnit	{ margin-top:-20px; }
.contStyleA div.cont span.subTxt {position: relative; display: block; margin-top: 3px; font-size: 12px; padding-left: 13px; color: #888888; letter-spacing: -0.3px;}
.contStyleA div.cont span.subTxt::before {content: '\25B6'; position: absolute; top: 0; left: 0; color: #c70752;}
.contStyleA div.cont .thumCont	{ position:relative; padding:0 0 0 195px; }
.contStyleA div.cont .thumCont .thum	{ position:absolute; left:0; top:0; width: 175px; }
.contStyleA div.cont .thumCont .thum img{ display: block; clear: both; margin-bottom: 3px;}
.contStyleA div.cont .thumCont.thumContA{width: 100%; padding: 0;}
.contStyleA div.cont .thumCont.thumContA .thum {display: block; position: relative; width: 100%;}
.contStyleA div.cont .thumCont.thumContA .thum img{width: 50%; max-width: 100%; }
.contStyleA div.cont .blt li	{ padding:0 0 5px 10px; font-size:13px; background:url('/global/images/common/blt4.gif') no-repeat left 7px; }
.contStyleA div.cont-tb	{ margin-bottom:-70px; padding:0; border-top:none; }
.contStyleA div.cont-tb2	{ margin-bottom:-70px; }
.contStyleA-last	{ background:url('/global/images/manage/bg_manageLine.gif') no-repeat 0 100%; }
.contStyleA.greenProduct table{width: 100%; text-align: left;}
.contStyleA.greenProduct table thead th{padding: 7px; font-size: 15px; font-weight: 400;}
.contStyleA.greenProduct table tbody th{padding: 7px; font-weight: 400; background: #fff;  border-left: none; border-bottom: 1px dotted #333;}
.contStyleA.greenProduct table tbody td{text-align: right; background: #fff5f8; padding: 7px; border-bottom: 1px dotted #333; border-left: 5px solid #fff;}
.contStyleA.greenProduct table tbody tr:first-of-type th,
.contStyleA.greenProduct table tbody tr:first-of-type td{border-top: 1px solid #c70752;}
.contStyleA.greenProduct .cont3 table tbody tr:last-of-type th,
.contStyleA.greenProduct .cont3 table tbody tr:last-of-type td{color: #c70752;}

.contStyleB	{ *zoom:1; }
.contStyleB:after	{ content:""; display:block; clear:both; }
.contStyleB .fl	{ width:465px; }
.contStyleB .fl p.text	{ padding-bottom:10px; line-height:22px; }
.contStyleB .fr	{  }

#management02 .tbType1.tbType1-al tr td{padding:11px!important; letter-spacing: -0.4px;}
#management02 .tbType1.tbType1-al tr td:last-child{border-right: 1px solid #ebebeb;}
#management02 .tbType1.tbType1-al tr td.brn{padding-left:0!important;}
#management02 .tbType1.tbType1-al tr td.brn img{display: block; width: 100%; margin: 0 auto; padding-left: 5px;}
#management02 .tbType1.tbType1-al tr td p {font-size: 13px; line-height: 21px; position: relative; padding-left: 12px; word-break: keep-all;}
#management02 .tbType1.tbType1-al tr td p::before {content: '\2022'; position: absolute; left: 0; top: 0;}
#management02 .tbType1.tbType1-al tr td span {position: relative; padding-left: 21px; display: block; margin-top: 2px; word-break: keep-all;}
#management02 .tbType1.tbType1-al tr td span::before {content: '-'; position: absolute; left: 12px; top: 0;}

.manageText	{ line-height:22px; }
.manageText2	{ padding-bottom:20px; line-height:22px; }

/* 지속가능경영전략 */
.managementWrap	{ padding-top:35px; }
.managementWrap h2	{ margin-top:60px !important; }
.managementWrap h2:first-child	{ margin-top:0 !important; }
.managementWrap h2 span	{ font-size:16px !important; }

.managementWrap .ceoCont	{ margin-bottom:130px; position:relative; }
.managementWrap .ceoCont img{width: 100%;}
.managementWrap .ceoCont h2	{ font-size:40px !important; color:#252525 !important; background:none !important; }
.managementWrap .ceoCont span.ceoTit	{ font-size:21px !important; color:#c70752;  line-height:30px;}
.managementWrap .ceoCont p.txt	{ padding-top:12px;font-size:16px; color:#454545; line-height:28px; }
.managementWrap .ceoCont span.ceoName	{ position:absolute; left:423px; bottom:40px; }
.managementWrap .ceoTxt	{ color:#454545; line-height:22px; line-height:30px; float:right; text-align:right;}
.managementWrap .ceoTxt span	{ font-size:16px; line-height:38px; }
.managementWrap .ceoTxt .ceoName  strong{font-weight: 600;}
.managementWrap .ceoCont02 { padding-top: 40px; }
.micro{display:inline-block; position:absolute; top:80px; right:5px; width:258px; padding:17px 0; border:1px solid #dedede; color:#222; text-align:center; }
.micro span{padding-left:24px;background:url('/images/common/blt8.gif') no-repeat 0 50%}
.micro:focus,
.micro:hover,
.micro:active{color:#fff !important; background:#c70752; }
.micro span{padding-left:24px;background:url('/images/common/blt1.png') no-repeat 0 50%}
.micro:focus span,
.micro:hover span,
.micro:active span{background:url('/images/common/blt2.png') no-repeat 0 50%}

.manageVision	{ position:relative; }
.manageVision .section{}
.manageVision .section .title{position:relative; display:inline-block; width:112px; height:62px; padding:10px 0 10px 22px; font-size:18px; font-weight:600; color:#fff; box-sizing:border-box;}
.manageVision .section .title:before{content:'';display:block;position:absolute; z-index:-1; transform:rotate(45deg);}
.manageVision #section1 .title{background:#c70752; height:77px;}
.manageVision #section1 .title:before{background:#c70752; width: 54px; height: 54px; top:12px; right:-27px;}
.manageVision #section2 .title{background:#999; line-height:44px;}
.manageVision #section2 .title:before{background:#999;width:44px;height:44px;top:9px;right:-22px;}
.manageVision .section .box{font-size:0; display:inline-block; width:724px; margin-left:60px; vertical-align:top;}
.manageVision .section .box > li{display:inline-block; width:33.3%; padding:10px 0; border-top:2px solid #c70752; border-right:3px solid #fff; background:#f7f7f7; text-align:center; vertical-align:top; box-sizing:border-box;}
.manageVision .section .box > li strong{font-size:15px; color:#333; font-weight:600;}
.manageVision .section .box > li div{padding:10px 0 5px; font-size:15px; line-height: 1.4;}
.manageVision .section .box ul{margin:10px auto; padding:10px 0;width:80%; border:1px solid #666; border-right:0; border-left:0;}
.manageVision .section .box li:nth-of-type(1) li{margin-left:8px;}
.manageVision .section .box li:nth-of-type(2) li{margin-left:12px;}
.manageVision .section .box li:nth-of-type(3) li{margin-left:0;}
.manageVision .section .box ul li{position:relative; padding:2px 0 2px 10px;font-size:14px; text-align:left;}
.manageVision .section .box ul li:before{content:''; display:block; position:absolute; width:2px; height:2px; top:50%; transform:translateY(-50%); left:0; background:#666; }

.managementWrap .governance{position:relative; margin:100px 0;}
.managementWrap .governance .cont > li{position:relative; width:360px; margin-bottom:35px;}
.managementWrap .governance .cont > li:before{content:''; display:block; position:absolute; top:-24px; left:50%; transform:translateX(-50%); width:23px; height:14px; background:url(/images/common/arrow2.png) no-repeat; }
.managementWrap .governance .cont .first{border-top:2px solid #c70752;}
.managementWrap .governance .cont .first:before{display:none;}
.managementWrap .governance .cont p{padding:16px 0; font-weight:600; font-size:18px; color:#454545; text-align:center; background:#f7f7f7; border:1px solid #c0c0c0; border-left:0; border-right:0;}
.managementWrap .governance .cont p span{font-size:13px; color:#999;}
.managementWrap .governance .cont .blt{padding:20px 30px; border-bottom:1px solid #c0c0c0;}
.managementWrap .governance .cont .blt li{color:#333; padding:0 0 10px 12px;}
.managementWrap .governance .cont .sub{position:absolute; top:50%; left:460px; width:472px; transform:translateY(-50%);}
.managementWrap .governance .cont .sub:before{content:''; display:block; position:absolute; width:49px; height:198px;top:50%; left:-70px; transform:translateY(-50%); background:url('/images/manage/branch.png') no-repeat;}
.managementWrap .governance .cont .sub li{display:inline-block; width:136px; height:54px; margin:0 5px 10px 0; text-align:center; color:#333; background:#f7f7f7; vertical-align:top; white-space:nowrap; font-size:14px;}
.managementWrap .governance .cont .sub li:nth-child(3n){margin-right:0;}
.managementWrap .governance .cont .sub li:before{content:''; display:inline-block; vertical-align:middle; height:100%;}
.managementWrap .governance .cont .sub span{max-width:100%; max-height:100%; display:inline-block; vertical-align:middle; font-size: 14px;}
.managementWrap .governance .cont2{position:absolute; top:0; right:0; width:430px; background:#f7f7f7;}
.managementWrap .governance .cont2 p{padding:15px 0 15px 20px; background:#c70752; color:#fff; font-weight:600; font-size:22px;}
.managementWrap .governance .cont2 .blt{padding:30px 20px; border-bottom:1px solid #c0c0c0;}
.managementWrap .governance .cont2 .blt li{padding:0 0 12px 12px;font-size:16px; color:#333;}

#csr .keyFigures {padding-top: 25px;}
#csr .keyFigures .key {display: flex; justify-content: space-between; margin-bottom: 40px;}
#csr .keyFigures .key .first {width: 140px; height: 140px; border-radius: 50%; background-color: #c70752; position: relative; margin-right: 60px;}
#csr .keyFigures .key .first::after {content: ''; position: absolute; width: 44px; height: 1px; border-top: 1px dotted #b0b0b0; top: 50%; right: -60px; transform: translateY(-50%);}
#csr .keyFigures .key .first span {display: block; text-align: center; padding-top: 77px; color: #fff; font-size: 18px;}
#csr .keyFigures .key:nth-child(4) .first span,
#csr .keyFigures .key:nth-child(5) .first span {padding-top: 72px; text-align: center !important;}
#csr .keyFigures .key .first::before {content: ''; position: absolute; top: 33px; left: 50%; transform: translateX(-50%);}
#csr .keyFigures .key:nth-child(1) .first::before {left: 48%; width: 50px; height: 54px; background: url("/global/images/manage/ico_esg01.png") no-repeat;}
#csr .keyFigures .key:nth-child(2) .first::before {width: 40px; height: 51px; background: url("/global/images/manage/ico_esg02.png") no-repeat;}
#csr .keyFigures .key:nth-child(3) .first::before {width: 40px; height: 51px; background: url("/global/images/manage/ico_esg03.png") no-repeat;}
#csr .keyFigures .key:nth-child(4) .first::before {width: 40px; height: 45px; background: url("/global/images/manage/ico_esg04.png") no-repeat;}
#csr .keyFigures .key:nth-child(5) .first::before {width: 51px; height: 42px; background: url("/global/images/manage/ico_esg05.png") no-repeat;}
#csr .keyFigures .key li {background-color: #f3f3f3; width: 160px; height: 140px; padding: 14px 17px 11px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
#csr .keyFigures .key li .tit {font-size: 15px; display: block; height: 58px; border-bottom: 1px solid #b9b9b9;line-height: 17px; position: relative;}
#csr .keyFigures .key li .tit b {position: relative; z-index: 2;}
#csr .keyFigures .key li .tit > img {position: absolute; top: 3px; right: 0; z-index: 1;}
#csr .keyFigures .key li span:last-child {letter-spacing: -0.05em;}
#csr .keyFigures .key li span:last-child b {color: #c70752; font-size: 22px; font-weight: bold; line-height: 24px;}
#csr .keyFigures .key:nth-child(4) li span:last-child {text-align: right;}
#csr .keyFigures .key:nth-child(4) li span:last-child b {text-align: left; display: block; margin-bottom: 2px;}

.managementWrap .csrHistory	{ padding-top:15px !important; position:relative; }
.managementWrap .csrHistory2012	{ padding-top:40px !important; }
.managementWrap .csrHistory h3	{ padding:0px !important; }
.managementWrap .csrHistory ul 	{ position:absolute; left:368px; top:50px; }
.managementWrap .csrHistory.csrHistory01 {overflow: hidden; padding-bottom: 150px;}
.managementWrap .csrHistory.csrHistory01:after{content: ''; display: block; position: absolute; left: 50px; top: 70px; width: 1px; height: 90%; background: #000; }
.managementWrap .csrHistory.csrHistory01 h3	{font-size: 48px; font-weight: 700; color: #363636; letter-spacing: -1px; display: inline-block;}
.managementWrap .csrHistory.csrHistory01 ul { position:relative; left:96px; top:32px; float: none; }
.managementWrap .csrHistory ul li 	{ padding:0 0 21px 15px;font-size:16px; color:#454545; }
.managementWrap .csrHistory ul li  span 	{ font-size:13px; color:#666; }
.managementWrap .csrHistory span.txt	{ font-size:14px; color:#333; }	

.managementWrap .risk	{ background:url('/global/images/manage/risk.gif') no-repeat center top; position:relative; height:280px; }
.managementWrap .risk .riskTit	{ padding:10px 0 30px 0; font-size:16px; color:#454545; font-family:LGSmHaR, LGSmHaR, dotum, gulim; text-align:center; }
.managementWrap .risk dl	{ position:absolute; top:60px; width:155px; text-align:center; }
.managementWrap .risk dl.risk1	{ left:0; }
.managementWrap .risk dl.risk2	{ left:170px; }
.managementWrap .risk dl.risk3	{ right:170px; }
.managementWrap .risk dl.risk4	{ right:0; }
.managementWrap .risk dl dt	{ padding-bottom:80px; font-size:14px; color:#333; font-family:LGSmHaR, LGSmHaR, dotum, gulim; }
.managementWrap .risk dl dt span	{ font-size:11px; color:#666; font-weight:normal !important;}
.managementWrap .risk dl dd	{ font-size:13px; color:#454545; line-height:18px; }


#management02 .process {border: 1px solid #ededed; box-sizing: border-box; padding: 20px 12px;}
#management02 .process > ul {display: flex; justify-content: space-between;}
#management02 .process > ul > li {position: relative;}
#management02 .process > ul li .tit {text-align: center; margin-bottom: 8px;}
#management02 .process > ul li .tit img {display: block; margin: 0 auto; height: 40px; object-fit: none;}
#management02 .process > ul li .tit b {display: block; background-color: #6c6c6c; color: #fff; height: 44px; line-height: 20px; padding: 4px 6px; margin-top: 6px; font-size: 16px; font-weight: 500;}
#management02 .process > ul li .desc {padding-top: 54px;}
#management02 .process > ul li .desc span {display: flex; align-items: center; justify-content: center; background: url("/global/images/manage/bg_process1.png") no-repeat; font-size: 12px; width: 121px; height: 122px; color: #fff; text-align: center; line-height: 18px; margin-top: 10px; box-sizing: border-box;}
#management02 .process > ul li:nth-child(2) .desc span {background: url("/global/images/manage/bg_process2.png") no-repeat; width: 188px; height: 131px; margin-top: 156px; padding: 6px 0 0 4px;}
#management02 .process > ul li .desc2,
#management02 .process > ul li .desc3 {background-color: #f6f7f8; height: 558px; box-sizing: border-box;}
#management02 .process > ul li .desc2 {text-align: center; padding: 18px 6px; width: 178px;}
#management02 .process > ul li .desc2 b {display: block; font-size: 14px; text-align: center;}
#management02 .process > ul li .desc2 p {display: block; font-size: 12px; text-align: center; line-height: 16px; padding-top: 4px; font-weight: 500;}
#management02 .process > ul li .desc2 ul {text-align: left; margin-top: 12px; padding: 0 18px;}
#management02 .process > ul li .desc2 ul li {position: relative; font-size: 12px; padding-left: 12px; line-height: 18px;}
#management02 .process > ul li .desc2 ul li::before {content: '\2022'; position: absolute; top: 0; left: 0;}
#management02 .process > ul li .desc2 img {display: block; padding: 16px 0 20px; margin: 0 auto;}
#management02 .process > ul li .desc3 { padding: 18px 6px; width: 144px;}
#management02 .process > ul li .desc3 ul {padding: 10px 8px; border-top: 1px dotted #505050;}
#management02 .process > ul li .desc3 ul:first-child {padding-top: 0; border-top: none;}
#management02 .process > ul li .desc3 ul li {font-size: 12px; line-height: 18px; position: relative; padding-left: 10px;}
#management02 .process > ul li .desc3 ul li::before {content: '-'; position: absolute; top: 0; left: -2px; font-size: 12px;}
#management02 .process > ul li .desc3 ul li:first-child {position: relative; font-weight: bold; padding-left: 8px; font-size: 14px; margin-bottom: 6px;}
#management02 .process > ul li .desc3 ul li:first-child::before {content: '\2022'; position: absolute; top: 0; left: -2px; color: #c70752; font-size: 12px;}
#management02 .process > ul li .circle {position: relative; background: url("/global/images/manage/bg_process3.png") no-repeat; width: 207px; height: 183px; display: flex; flex-wrap: wrap; padding-left: 27px; margin-top: 184px; box-sizing: border-box;}
#management02 .process > ul li .circle li {width: 50%; text-align: center; font-size: 15px; font-weight: 500; color: #fff; line-height: 18px; box-sizing: border-box;}
#management02 .process > ul li .circle li:nth-child(1) {padding: 29px 14px 0 0;}
#management02 .process > ul li .circle li:nth-child(2) {padding: 29px 0 0 14px;}
#management02 .process > ul li .circle li:nth-child(3) {padding: 58px 14px 0 0;}
#management02 .process > ul li .circle li:nth-child(4) {padding: 58px 0 0 15px;}
#management02 .process > ul li .circle li span {font-size: 10px; display: block; line-height: 10px; letter-spacing: -0.02em;}
#management02 .process > ul li:last-child b {position: absolute; top: 39.3%; left: 57%; transform: translateX(-50%);}
#management02 .process .mid {display: flex; justify-content: flex-end; margin-bottom: 10px;}
#management02 .process .mid p {width: 476px; font-size: 12px; word-break: keep-all; padding: 10px 16px; box-sizing: border-box; line-height: 16px;}
#management02 .process .botDesc h4 {color: #c70752; font-size: 16px; font-weight: bold; padding-left: 2px; margin-bottom: 10px;}
#management02 .process .botDesc > div {border: 1px solid #bdbdbd; padding: 18px 14px; box-sizing: border-box;}
#management02 .process .botDesc > div b {font-size: 16px; display: block; margin-bottom: 10px;}
#management02 .process .botDesc > div p {font-size: 12px; line-height: 18px; word-break: keep-all;}

#management02 .compliance {}
#management02 .compliance .top span{position: relative; width: 188px; height: 24px; line-height: 24px; background-color: #c70752; color: #fff; font-size: 14px; display: block; margin: 0 auto; text-align: center;}
#management02 .compliance .top span::after {content: ''; position: absolute; width: 1px; height: 286px; background-color: #7d7c7d; top: 24px; left: 50%; transform: translateX(-50%);}
#management02 .compliance .mid {position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
#management02 .compliance .mid::after {content: ''; position: absolute; height: 1px; width: 183px; background-color: #7d7c7d; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#management02 .compliance .mid > div {position: relative; margin: 0 50px; border: 1px solid #9fa0a0; width: 188px; height: fit-content; box-sizing: border-box;}
#management02 .compliance .mid > div span {display: block; font-size: 13px; text-align: center;}
#management02 .compliance .mid > div span:first-child {background-color: #9fa0a0; color: #fff; line-height: 23px;}
#management02 .compliance .mid > div span:nth-child(2) {padding: 5px 0; line-height: 18px; font-size: 12px; color: #505050;}
#management02 .compliance .mid .right p {position: absolute; bottom: -28px; left: 0; width: 100%; text-align: center; font-size: 11px;}
#management02 .compliance ul {position: relative; display: flex; justify-content: space-between; margin-top: 54px;}
#management02 .compliance ul::before {content: ''; position: absolute; height: 1px; width: 556px; background-color: #7d7c7d; top: -30px; left: 50%; transform: translateX(-50%);}
#management02 .compliance ul li {position: relative; width: 102px; height: fit-content; line-height: 16px; font-size: 13px; border: 1px solid #7d7c7d; text-align: center; padding: 2px 0;}
#management02 .compliance ul li::before {content: ''; position: absolute; width: 1px; height: 30px; background-color: #7d7c7d; top: -31px; left: 50%; transform: translateX(-50%);}
#management02 .compliance ul:last-child::before {width: 564px; left: 50.8%;}
#management02 .compliance ul li p {position: absolute; bottom: -22px; left: 0; width: 100%; text-align: center; font-size: 11px;}

#management02 .tbType1.tbType1-al tr th{word-break: keep-all;}
#management02 .tbType1.tbType1-al tr td{padding:11px!important; letter-spacing: -0.4px;}
#management02 .tbType1.tbType1-al tr td:last-child{border-right: 1px solid #ebebeb;}
#management02 .tbType1.tbType1-al tr td.brn{padding-left: 11px !important;}
#management02 .tbType1.tbType1-al tr td.brn img{display: block; width: 100%; margin: 0 auto; padding-left: 5px;}
#management02 .tbType1.tbType1-al tr td p {font-size: 13px; line-height: 21px; position: relative; padding-left: 10px; word-break: keep-all;}
#management02 .tbType1.tbType1-al tr td p::before {content: '\2022'; position: absolute; left: 0; top: 0;}
#management02 .tbType1.tbType1-al tr td span {position: relative; padding-left: 21px; display: block; margin-top: 2px; word-break: keep-all;}
#management02 .tbType1.tbType1-al tr td span::before {content: '-'; position: absolute; left: 12px; top: 0;}

.globalList td.rule p	{ font-size:13px; padding-top:10px;}
.globalList td.rule p:first-child	{padding-top:0;}
.globalList td.rule p strong	{ display:inline-block; font-weight:normal; font-family:LGSmHaR, nGothic, dotum, gulim; color:#454545;  vertical-align:top; }
.globalList td.rule p span	{ display:inline-block; padding-left:5px; }
.globalList td ul li	{ padding-top:15px; font-size:13px; }
.globalList td ul li:first-child	{ padding-top:0; }
.globalList td ul li strong	{ display:inline-block; padding-left:10px; color:#454545; background:url('/global/images/common/blt5.gif') no-repeat left 10px; }
.globalList td ul li p	{ padding:0 0 0 10px; font-size:13px; }
.globalList td ul li dl	{ padding-left:10px; }
.globalList td ul li dl *	{ font-size:13px; }
.globalList td ul li dl dd	{ padding-left:10px; background:url('/global/images/common/blt4.gif') no-repeat left 7px; }

/* climate */
#biodiversity .tableWrap .tbType1.tbType1-al thead th {font-size: 13px; word-break: keep-all;}
#biodiversity .tableWrap .tbType1.tbType1-al tbody th,
#biodiversity .tableWrap .tbType1.tbType1-al tbody td {font-size: 13px; padding: 11px 3px !important; text-align: center !important;}
#biodiversity .tableWrap .tbType1.tbType1-al tbody th {font-weight: normal; word-break: keep-all;}
#biodiversity .tableWrap .right .tbType1.tbType1-al {border-bottom: none;}

#biodiversity ul.imgWrap {width: 660px; display: flex; justify-content: space-between;}
#biodiversity ul.imgWrap li {}
#biodiversity ul.imgWrap li:first-child {margin: 0;}
#biodiversity ul.imgWrap li img {width: 100%;}

#biodiversity .riskWrap ul.step {display: flex; justify-content: space-between; width: 100%;}
#biodiversity .riskWrap ul.step li {position: relative; padding: 0 10px; text-align: center; width: 31%; box-sizing: border-box;}
#biodiversity .riskWrap ul.step li::after {content: ''; position: absolute; background: url("/global/images/common/step_right.png") no-repeat; width: 10px; height: 17px; bottom: 24px; left: -17px;}
#biodiversity .riskWrap ul.step li:first-child::after {display: none;}
#biodiversity .riskWrap ul.step li b {font-size: 15px; color: #c70752; text-align: center; background-color: #fff; padding: 0 6px; margin-bottom: 10px; display: block; width: 100%;}
#biodiversity .riskWrap ul.step li > .stepInner {display: flex; align-items: center; justify-content: space-evenly;}
#biodiversity .riskWrap ul.step li > .stepInner span {line-height: 16px; font-size: 12px; color: #333;}
#biodiversity .riskWrap .riskInner {overflow: hidden; margin-top: 14px;}
#biodiversity .riskWrap .riskInner > div span {display: block; font-size: 11px; line-height: 1.6em; margin-top: 4px;}
#biodiversity .riskWrap .riskInner .fl {width: 288px; }
#biodiversity .riskWrap .riskInner .fl span {font-size: 10px;}
#biodiversity .riskWrap .riskInner .fr {width: calc(100% - 288px); box-sizing: border-box; padding-left: 15px;}
#biodiversity .riskWrap .riskInner .tbType1 {color: #333;}
#biodiversity .riskWrap .riskInner .tbType1 thead th {font-size: 12px; padding: 8px 14px; font-weight: normal;}
#biodiversity .riskWrap .riskInner .tbType1 thead th:first-child {text-align: left;}
#biodiversity .riskWrap .riskInner .tbType1 tbody tr.bg {background-color: #fff5f8; color: #c70752;}
#biodiversity .riskWrap .riskInner .tbType1 tbody th {font-size: 12px; font-weight: normal; text-align: left; padding: 8px 14px; line-height: 18px;}
#biodiversity .riskWrap .riskInner .tbType1 tbody td {font-size: 12px; text-align: center !important; padding: 8px 14px; line-height: 18px;}
#biodiversity .riskWrap .riskInner .tbType1 tbody tr.bg > td {color: #c70752;}

/* 지속가능경영제품 */
.productArea	{ padding-top:35px; }
.productArea h2	{ margin-top:80px !important; }
.productArea h2:first-child	{ margin-top:0 !important; }

.productArea .guideline 	{ }
.productArea .guideline li 	{ padding-left:10px; line-height:18px; background:url('/global/images/common/blt4.gif') no-repeat left 7px; overflow:hidden; }
.productArea .guideline li:first-child 	{ padding-bottom:15px; }
.productArea .guideline li span.tit 	{ display:inline-block; color:#454545; width:142px; }
.productArea .guideline li span.txt 	{ display:inline-block; width:500px; }

/*.productArea .productDefine	{ position:relative; min-height:534px; background:url('/global/images/manage/product_define.gif') no-repeat 0 0;}*/
.productArea .productDefine .tit	{ height:141px; padding-top:70px; text-align:center; }
.productArea .productDefine .tit strong	{ font-size:30px; color:#252525; }
.productArea .productDefine .tit span.txt		{ display:inline-block; padding-top:12px; font-weight:normal; font-family:LGSmHaR, nGothic, dotum, gulim; font-size:20px; color:#252525; }
.productArea .productDefine ul	{ padding:0 0 0 126px; *zoom:1; }
.productArea .productDefine ul:after	{ content:""; display:block; clear:both; }
.productArea .productDefine ul li	{ float:left; width:174px; padding:66px 20px 0; text-align:center; }
.productArea .productDefine dl dt	{ font-size:20px; color:#252525; font-family:LGSmHaR, LGSmHaR, dotum, gulim;  }
.productArea .productDefine dl dd	{ padding-top:5px; font-size:13px; }
	
.productArea .turnover { position:relative; *zoom:1; }
.productArea .turnover:after	{ content:""; display:block; clear:both; }
.productArea .turnover .fl	{ width:800px; padding-top:10px; }
.productArea .turnover .fl p.fs	{ padding-top:5px; }
.productArea .turnover .fr	{ width:416px; }
.productArea .ohuiWrap { position:relative; min-height:545px; margin-top:50px; } 
.productArea .daviWrap { position:relative; min-height:700px; margin-top:50px; } 
.productArea .dermaWrap { position:relative; min-height:800px; margin-top:50px; } 
	.productArea .ohuiWrap .titArea	{ line-height:22px; }
	.productArea .ohuiWrap .titArea strong	{ display:inline-block; padding-bottom:15px; font-size:40px; color:#333; line-height:40px; }
	.productArea .ohuiWrap .titArea span	{ font-size:18px; color:#c70752; line-height:34px; }	
	.productArea .ohuiWrap .rightImg	{ position:absolute; right:0; top:125px; }
	.productArea .ohuiWrap .centertImg	{ width: 100%; }

.productArea .instance	{ position:relative; }
	.productArea .instance p	{  padding-top:15px; line-height:22px; }
	.productArea .instance .instanceNum	{ color:#c90652; }
	#container .productArea .instance .cont01 h3	{ padding:20px 0 60px 0; font-size:20px; color:#333; }
	#container .productArea .instance .cont01 h3 span.sty01	{ font-size:28px; }
	#container .productArea .instance .cont01 h3 span.sty02{ font-size:40px; color:#252525; font-family:LGSmHaR, LGSmHaR, dotum, gulim; }
	#container .productArea .instance .cont02 h3	{ padding:20px 0 60px 0; font-size:26px; color:#252525; line-height:35px; }
	#container .productArea .instance .cont02 h3 span.sty01	{ font-size:24px; }
	#container .productArea .instance .cont02 h3 span.sty02{ font-size:34px; }
	#container .productArea .instance .cont03 h3	{ padding:20px 0 60px 0; font-size:26px; color:#252525; line-height:35px; }
	#container .productArea .instance .cont03 h3 span.sty01	{ font-size:24px; }
	#container .productArea .instance .cont03 h3 span.sty02{ font-size:34px; }
	#container .productArea .instance .cont04 h3,
	#container .productArea .instance .cont05 h3,
	#container .productArea .instance .cont06 h3,
	#container .productArea .instance .cont07 h3,
	#container .productArea .instance .cont08 h3{ padding:20px 0 60px 0; font-size:26px; color:#252525; line-height:35px; }

	#container .productArea .instance .cont04 h3  span.sty01,
	#container .productArea .instance .cont05 h3  span.sty01,
	#container .productArea .instance .cont06 h3  span.sty01{ font-size:24px; color:#252525;}
	#container .productArea .instance .cont07 h3  span.sty01{ font-size:24px; color:#252525;}
	
	#container .productArea .instance .cont04 h3  span.sty02,
	#container .productArea .instance .cont05 h3  span.sty02,
	#container .productArea .instance .cont06 h3  span.sty02{font-size:34px; color:#252525;}
	#container .productArea .instance .cont07 h3  span.sty02{font-size:34px; color:#252525;}

	#container .productArea .instance .cont05 .pan span{display:block;}
	
	
	.productArea .instance .cont01 dl	{ padding-top:40px; }
	.productArea .instance .cont01 dl	dt{ padding:0 0 10px 18px; font-size:13px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; background:url('/global/images/common/ico_caution02.gif') no-repeat left top; }
	.productArea .instance .cont01 dl dd{ padding-left:18px; font-size:13px; line-height:19px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; }
	.productArea .instance .cont01 dl dd span{ font-size:14px; color:#333; }
	.productArea .instance ul li	{ padding-left:290px; }
	.productArea .instance ul li.cont01	{ background:url('/global/images/manage/example01.gif') no-repeat 15px 120px; }
	.productArea .instance ul li.cont02	{ padding-top:100px; background:url('/global/images/manage/example02.gif') no-repeat 15px 115px; }	
	.productArea .instance ul li.cont03	{ padding-top:100px; background:url('/global/images/manage/example03.gif') no-repeat 15px 115px; }
	.productArea .instance ul li.cont04 { padding-top:100px; background:url('/global/images/manage/example04.gif') no-repeat 15px 115px; }
	.productArea .instance ul li.cont05 { padding-top:100px; background:url('/global/images/manage/example05.gif') no-repeat 15px 115px; }
	.productArea .instance ul li.cont06 { padding-top:100px; background:url('/global/images/manage/example06.gif') no-repeat 15px 115px; }
	.productArea .instance ul li.cont07 { padding-top:100px; background:url('/global/images/manage/example07.gif') no-repeat 15px 115px; }
	.productArea .instance ul li.cont08	{ padding:100px 0 0; }

.productArea .development	{ *zoom:1; }
.productArea .development:after	{ content:""; display:block; clear:both; }
.productArea .development .fl	{ width:550px; }
.productArea .development .fl .span { width:400px; }
.productArea .development .fl p.txt	{ padding-bottom:10px; line-height:22px; }
.productArea .development .fr	{ width:287px; }
.productArea .development .fr .span	{ width:400px; }
.productArea .explain	{ display:inline-block; margin-top:25px; padding:10px 0 10px 30px; font-size:12px; color:#757575; border:1px solid #dcdcdc;width:631px;background:url('/global/images/common/ico_caution.gif') no-repeat 12px 10px;  }

.productArea .unit	{ padding:20px 0 5px; font-size:12px; color:#333; }

.productArea .prdSafe {margin-top: 40px; padding: 10px 0 20px;}
.productArea .prdSafe > p {text-align: center;}
.productArea .prdSafe > p.safeTit {font-size: 24px; color: #333; font-weight: 500;}
.productArea .prdSafe > p.safeTit > span {color: #c70752;}
.productArea .prdSafe > p.safeSub {font-size: 15px; color: #666; margin-top: 12px;}
.productArea .prdSafe .safeInner {position: relative; text-align: center; margin-top: 34px;}
.productArea .prdSafe .safeInner > img {margin: 0 auto;}
.productArea .prdSafe .safeInner ul {position: absolute; width: 665px; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; display: flex; justify-content: space-between; align-items: center;}
.productArea .prdSafe .safeInner ul li {padding: 0; width: 38%; margin-bottom: 64px;}
.productArea .prdSafe .safeInner ul li:nth-child(2) {width: 24%;}
.productArea .prdSafe .safeInner ul li b {display: block; font-size: 20px; font-weight: 500; color: #333;}
.productArea .prdSafe .safeInner ul li span {display: block; margin-top: 6px; letter-spacing: -0.03em; color: #666;}

.productArea .prdCriterion {display: flex; flex-wrap: wrap;}

.productArea .annualReport {}
.productArea .annualReport .fl {width: 680px; word-break: keep-all;}
.productArea .annualReport .fr {}
.productArea .annualReport .fr img {width: 130px; height: 200px; display: block; margin: 0 auto;}
.productArea .annualReport .fr .btnTypeF {height: 37px !important; line-height: 37px !important; width: 197px; margin-top: 10px; padding: 0 18px;}
.productArea .annualReport .fr .btnTypeF span {font-size: 14px;}
.productArea .annualReport .fr .btnTypeF svg {top: 10px; right: 18px;}

#productArea2 .process {position: relative; padding: 20px 0;}
#productArea2 .process > div {position: relative; display: flex; justify-content: center;}
#productArea2 .process > div > span {display: block; text-align: center; font-size: 16px; font-weight: 500; color: #fff;}
#productArea2 .process .top {z-index: 3;position: absolute; left: 50%; transform: translateX(-50%);}
#productArea2 .process .top span {width: 108px; height: 108px; border-radius: 50%; background-color: #c70752; display: flex; justify-content: center; align-items: center;}
#productArea2 .process .mid {z-index: 2; display: block; padding: 66px 0 60px;}
#productArea2 .process .mid img {width: 74%; margin: 0 auto; display: block;}
#productArea2 .process .mid p {position: absolute; top: calc(50% + 2px); left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 16px; color: #fff; letter-spacing: -0.03em; line-height: 18px;}
#productArea2 .process ul {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; z-index: 1;}
#productArea2 .process ul li {display: flex; justify-content: center; align-items: center; width: 104px; height: 104px; border-radius: 50%; background-color: rgba(142, 144, 145, 0.16); text-align: center; font-size: 14px; letter-spacing: -0.02em; margin-left: -14px;}
#productArea2 .process ul li:first-child {margin-left: 0;}

#productArea2 .faceTracking {padding: 30px 18px; background-color: #eee;}
#productArea2 .faceTracking > p {text-align: center; font-size: 20px; color: #333; margin-bottom: 10px; font-weight: 500;}
#productArea2 .faceTracking ul {display: flex; justify-content: space-between;}
#productArea2 .faceTracking ul li {}
#productArea2 .faceTracking ul li span {display: block; text-align: center; color: #333; margin-top: 8px;}

#productArea2 .prdInnovation {margin: 70px 0;}
#productArea2 .prdInnovation h1 {font-size: 40px; color: #333; line-height: 40px;}
#productArea2 .prdInnovation > ul {margin-top: 20px;}
#productArea2 .prdInnovation > ul > li {overflow: hidden; margin-bottom: 50px;}
#productArea2 .prdInnovation > ul > li .fl {width: 114px; border-top: 1px solid #c70752; padding-top: 8px;}
#productArea2 .prdInnovation > ul > li .fl span {font-size: 20px; color: #c70752; font-weight: 500;}
#productArea2 .prdInnovation > ul > li .fr {width: calc(100% - 114px); padding-left: 30px; box-sizing: border-box;}
#productArea2 .prdInnovation > ul > li .fr strong {font-size: 20px; font-weight: 500; color: #333; line-height: 24px;}
#productArea2 .prdInnovation > ul > li .fr p {line-height: 20px;}
#productArea2 .prdInnovation ul.prdList {display: flex; margin-top: 14px;}
#productArea2 .prdInnovation ul.prdList li {margin-right: 10px;}
#productArea2 .prdInnovation ul.prdList li img {margin-bottom: 6px;}
#productArea2 .prdInnovation ul.prdList li span {display: block; text-align: center; margin-top: 3px; line-height: 18px}
#productArea2 .prdInnovation ul.prdList li span.year {color: #c70752;}
#productArea2 .prdInnovation ul.prdList li span.prdTit {color: #666;}

#productArea4 .committee > div > span {width: 144px; height: 60px; font-size: 14px; text-align: center; background-color: #e3989e; color: #fff; line-height: 20px; display: flex; justify-content: center; align-items: center;}
#productArea4 .committee .top span{position: relative; background-color: #d84e6f; color: #fff; margin: 0 auto; display: block; padding: 6px 0; box-sizing: border-box;}
#productArea4 .committee .top span::after {content: ''; position: absolute; width: 1px; height: 186px; background-color: #7d7c7d; top: 60px; left: 50%; transform: translateX(-50%);}
#productArea4 .committee .top span > sup {font-size: 10px;}
#productArea4 .committee .right {position: relative; margin: 10px 50px; height: fit-content; box-sizing: border-box; overflow: hidden;}
#productArea4 .committee .right::after {content: ''; position: absolute; height: 1px; width: 100px; background-color: #7d7c7d; top: 50%; left: calc(50% + 50px); transform: translate(-50%, -50%);}
#productArea4 .committee .right span {position: relative; height: 72px; left: calc(50% + 172px); transform: translateX(-50%);}
#productArea4 .committee .mid {position: relative;}
#productArea4 .committee .mid {position: relative; left: 50%; transform: translateX(-50%); display: inline-block; text-align: center;}
#productArea4 .committee ul {position: relative; display: flex; justify-content: space-between; width: 92%; margin: 63px auto 0;}
#productArea4 .committee ul::before {content: ''; position: absolute; height: 1px; width: 464px; background-color: #7d7c7d; top: -30px; left: 50%; transform: translateX(-50%);}
#productArea4 .committee ul li {position: relative; width: 144px; height: 60px; line-height: 20px; font-size: 14px; border: 1px solid #7d7c7d; text-align: center; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
#productArea4 .committee ul li::before {content: ''; position: absolute; width: 1px; height: 30px; background-color: #7d7c7d; top: -31px; left: 50%; transform: translateX(-50%);}
#productArea4 .committee ul li p {position: absolute; bottom: -22px; left: 0; width: 100%; text-align: center; font-size: 11px;}

#productArea5 .pdtBox {width: 482px !important; margin: 0 auto;}
#productArea5 .pdtBox h4 {color: #333;}
#productArea5 .pdtBox h4 span {font-size: 12px; font-weight: normal;}
#productArea5 .pdtBox.pdtBox1 ul {position:relative;}
#productArea5 .pdtBox.pdtBox1 ul li {display: flex; justify-content: space-between; align-items: center; line-height: 28px; margin-top: 12px;}
#productArea5 .pdtBox.pdtBox1 ul li .line {width: 350px; background-color: #c9caca; line-height: 20px; color: #fff; padding-left: 6px; font-weight: 500; position: relative;}
#productArea5 .pdtBox.pdtBox1 ul li .line::after {content: ''; position: absolute; background-image: url("/images/common/dotted.png"); height: 2px; right: 0; top: 50%; transform: translateY(-50%);}
#productArea5 .pdtBox.pdtBox1 ul li:nth-child(1) .line {width: 334px;}
#productArea5 .pdtBox.pdtBox1 ul li:nth-child(1) .line::after {width: 50px; right: -58px;}
#productArea5 .pdtBox.pdtBox1 ul li:nth-child(2) .line {width: 364px;}
#productArea5 .pdtBox.pdtBox1 ul li:nth-child(2) .line::after {width: 50px; right: -58px;}
#productArea5 .pdtBox.pdtBox1 ul li:nth-child(3) .line {width: 348px; background-color: #c70752;}
#productArea5 .pdtBox.pdtBox1 ul li:nth-child(3) .line::after {width: 50px; right: -58px;}
#productArea5 .pdtBox.pdtBox1 ul li span {position: absolute; right: 0; color: #666; font-size: 18px; letter-spacing: -0.05em; padding-right: 30px;}
#productArea5 .pdtBox.pdtBox1 ul li:nth-child(2) span {padding-right: 0;}
#productArea5 .pdtBox.pdtBox1 ul li:nth-child(3) span {font-size: 24px; color: #c70752; padding-right: 0;}

#productArea5 .pdtBox.pdtBox2 ul {position: relative; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
#productArea5 .pdtBox.pdtBox2 ul li {text-align: center;}
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(1) {width: 100%; margin-bottom: 18px;}
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(2) {left: 0;}
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(3) {right: 0;}
#productArea5 .pdtBox.pdtBox2 ul li .round {background-color: #fff5f8; border-radius: 50%; width: 145px; height: 145px; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;padding-top: 76px; margin: 0 auto; box-sizing: border-box;}
#productArea5 .pdtBox.pdtBox2 ul li .round strong {font-size: 52px; color: #fff; font-weight: bold; font-style: italic; padding-right: 10px;}
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(1) .round {background-color: #c70752; width: 178px; height: 178px; padding-top: 0;}
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(1) .round::before {}
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(2) .round::before {content: ''; position: absolute; background: url("/images/manage/ico_product01.png") no-repeat; width: 52px; height: 49px; top: 22px; left: 50%; transform: translateX(-50%);}
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(3) .round::before {content: ''; position: absolute; background: url("/images/manage/ico_product02.png") no-repeat; width: 29px; height: 55px; top: 22px; left: 50%; transform: translateX(-50%);}
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(4) .round::before {content: ''; position: absolute; background: url("/images/manage/ico_product03.png") no-repeat; width: 56px; height: 62px; top: 22px; left: 50%; transform: translateX(-50%);}
#productArea5 .pdtBox.pdtBox2 ul li .round em {font-size: 28px; color: #c70752; font-style: italic; font-weight: bold; position: relative;}
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(2) .round em,
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(3) .round em {padding-right: 7px;}
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(1) .round em {font-size: 18px; color: #fff; font-style: unset; font-weight: normal; position: relative; margin-top: 26px;}
#productArea5 .pdtBox.pdtBox2 ul li .round em::before {content: ''; position: absolute; background-image: url("/images/common/dotted01.png"); width: 116px; height: 3px; bottom: 38px; left: 50%; transform: translateX(-50%);}
#productArea5 .pdtBox.pdtBox2 ul li:nth-child(1) .round em::before {content: ''; position: absolute; background-image: url("/images/common/dotted02.png"); width: 128px; height: 3px; bottom: 74px; left: 50%; transform: translateX(-50%);}
#productArea5 .pdtBox.pdtBox2 ul li span {display: block; font-size: 16px; margin-top: 6px;}

#productArea5 .contStyleA {display: flex; justify-content: space-between;}
#productArea5 .contStyleA::after {display: none;}
#productArea5 .contStyleA > div {width: 49%; }
#productArea5 .contStyleA table tbody tr th,
#productArea5 .contStyleA table tbody tr td{text-align: left; padding: 11px 7px; font-weight: normal;}
#productArea5 .contStyleA table tbody tr th {text-align: center;}

#productArea6 {padding-top: 0;}
#productArea6 h2 {margin-top: 40px !important;}
#productArea6 .download {display: block; position: absolute; margin-top: 70px; width: 212px;}
#productArea6 .download a {display: block; margin: 0 auto; padding: 8px 0; width: 98%; border: 1px solid #ccc; border-radius: 2px; text-align: center;}
#productArea6 .download a span {position: relative; display: inline-block; padding-right: 20px;}
#productArea6 .download a span::after {content: ''; display: block; width: 15px; height: 13px; background: url(/images/btn/icon_download_red.png) no-repeat center; background-size: cover; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all .3s;}
#productArea6 .cbiValue .cont {position: relative;}
#productArea6 .cbiValue .cont img {display: block; margin: 0 auto; width: 352px;}
#productArea6 .cbiValue .cont ul {position: absolute; top: 0; display: flex; flex-wrap: wrap; padding-top: 20px;}
#productArea6 .cbiValue .cont ul li {width: 50%; box-sizing: border-box; word-break: keep-all; text-align: center; font-size: 13px; line-height: 18px;}
#productArea6 .cbiValue .cont ul li:nth-child(odd) {padding-right: 167px;}
#productArea6 .cbiValue .cont ul li:nth-child(even) {padding-left: 167px;}
#productArea6 .cbiValue .cont ul li:nth-child(3),
#productArea6 .cbiValue .cont ul li:nth-child(4) {margin-top: 115px}

/* 환경안전경영 */
.greenArea	{ padding-top:35px; }
.greenArea h2	{ margin-top:80px !important; }
.greenArea h2:first-child	{ margin-top:0 !important; }

.greenCont	{ margin-bottom:-50px; padding-top:45px; *zoom:1; }
.greenCont:after	{ content:""; display:block; clear:both; }
.greenCont li	{ float:left; width:50%; min-height:170px; height:200px; padding-bottom:20px;}
.greenCont li.first div	{ margin-right:20px; }
.greenCont li.last div	{ margin-left:20px; }
.greenCont li.typeAuto {height: auto;}
.greenCont li.type0 {height: 500px;}
.greenCont li.type1 {height: 600px;}
.greenCont li.type2 {height: 800px;}
.greenCont li.type3 {height: 1000px;}
.greenCont li.type4 {height: 360px;}
.greenCont li h3	{padding: 10px 0; font-family:nGothicB; font-weight:bold; font-size:18px; color:#333; border-bottom:1px solid #dcdcdc; }
.greenCont li h4	{ height:54px; font-family:nGothicB; font-weight:bold; font-size:18px; color:#333; border-bottom:0 solid #dcdcdc; }
.greenCont li p.txt	{ padding:20px 7px 0; font-size:13px; line-height:22px; word-spacing:-1px; }
.greenCont li.fullType {width:100%; height:500px;}
.greenCont li.fullType1 {width:100%; height:700px;}
.greenCont li.fullType2 {width:100%; height:360px;}
.greenCont li.fullType3 {width:100%; height:250px;}

/* 환경안전경영 - 환경안전경영 성과 */
.green1 {}
.green1 .clearfix {*zoom:1;}
.green1 .clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.green1 .clearfix:after {clear: both;}
.green1 .policyCont > li{width: 50%; box-sizing: border-box;}
.green1 .policyCont > li:nth-child(2n){padding-left:32px;}
.green1 .policyCont > li:nth-child(2n+1){padding-right:32px;}
.green1 .policyCont > li h3{padding:25px 0; background-color: #454545; color:#fff; font-size: 20px; font-weight: 600; text-align: center;}
.green1 .policyCont > li > p{min-height:98px; margin:22px 0;  color:#333; font-size: 14px; line-height: 1.4;}
.green1 .policyCont ul li{padding-left:72px; box-sizing: border-box; background-position: left top; background-repeat: no-repeat;}
.green1 .policyCont li.fl li:nth-of-type(1){background-image: url('/global/images/manage/green_icon01.gif');}
.green1 .policyCont li.fl li:nth-of-type(2){background-image: url('/global/images/manage/green_icon05.gif');}
.green1 .policyCont li.fl li:nth-of-type(3){background-image: url('/global/images/manage/green_icon07.gif');}
.green1 .policyCont li.fr li:nth-of-type(1){background-image: url('/global/images/manage/green_icon02.gif');}
.green1 .policyCont li.fr li:nth-of-type(2){background-image: url('/global/images/manage/green_icon06.gif');}
.green1 .policyCont ul p.txt{color:#666; font-size: 14px; line-height: 1.4;}

#greenArea1 .management {padding-bottom: 100px;}
#greenArea1 .management > div {margin-top: 40px;}
#greenArea1 .management > div > strong {display: block; text-align: center; font-size: 24px; font-weight: 500; color: #333; letter-spacing: -0.02em;}
#greenArea1 .management .target {position: relative;}
#greenArea1 .management .target img {margin: 20px auto 0; display: block;}
#greenArea1 .management .target ul {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 503px; display: flex; justify-content: space-between;}
#greenArea1 .management .target ul li {position: relative; width: 24%; text-align: center;}
#greenArea1 .management .target ul li:nth-child(odd) {width: 38%;}
#greenArea1 .management .target ul li > div {position: absolute; width: 100%; top: -98px;}
#greenArea1 .management .target ul li:nth-child(odd) > div {top: -49px;}
#greenArea1 .management .target ul li b {display: block; font-size: 19px; color: #333; font-weight: 500; margin-top: 4px;}
#greenArea1 .management .task ul {width: 80%; margin: 20px auto 0; display: flex; justify-content: space-between; align-items: center;}
#greenArea1 .management .task ul li {position: relative; text-align: center; width: 134px; height: 134px; border-radius: 50%; border: 8px solid #e1e1e1; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
#greenArea1 .management .task ul li::before {content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; border: 3px solid #a0a0a0; top: 50%; left: -20px; transform: translateY(-50%);}
#greenArea1 .management .task ul li:first-child::before {display: none;}
#greenArea1 .management .task ul li span {display: block; font-size: 15px; line-height: 20px; letter-spacing: -0.02em; color: #333;}

#greenArea1 .visionCont {display: block; overflow: hidden; margin-top: 10px;}
#greenArea1 .visionCont > div{display: flex; align-items: center; margin: 20px 0;}
#greenArea1 .visionCont div strong{display: flex; justify-content: center; align-items: center; min-width: 60px; height: 60px; background: #454545; color: #fff; border-radius: 50%; margin-left: 7px; box-shadow: 0px 0px 0px 5px #b7b7b7; position: relative;}
#greenArea1 .visionCont div strong:after{content: ''; position: absolute; width: 140px; height: 2px; border-top: 2px dotted #333; top: 50%; left: 80px; transform: translateY(-50%);}
#greenArea1 .visionCont div div{margin-left: 176px; padding: 22px 20px;}
#greenArea1 .visionCont .visionList01 div{background: #c70752; width: 100%;}
#greenArea1 .visionCont .visionList01 div p{color: #fff; line-height: 18px; text-align: center;}
#greenArea1 .visionCont .visionList02 div{background: #fdf7fa; width: 100%; border: 1px solid #333;}
#greenArea1 .visionCont .visionList03 div {text-align: center; width: 100%; border: 1px solid #333; position: relative;}
#greenArea1 .visionCont .visionList02 div p {position: relative; padding-left: 12px; margin-bottom: 5px; line-height: 18px;}
#greenArea1 .visionCont .visionList02 div p::before {content: '\2022'; position: absolute; top: 0; left: 0;}
#greenArea1 .visionCont .visionList02 div p:last-child {margin-bottom: 0;}
#greenArea1 .visionCont .visionList03 div:after{content: ''; display: block; width: 18px; height: 18px; background: #fff; border-left: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(-45deg) translateX(-85%); position: absolute; left: 50%; bottom: 9%;}
#greenArea1 .visionCont .visionList03 div>p {font-weight: 500;}
#greenArea1 .visionCont .visionList04 div{padding: 0; width: calc(100% - 30px);}
#greenArea1 .visionCont .visionList04 div ul{display: flex; margin: 0 -2px}
#greenArea1 .visionCont .visionList04 div ul li{width: calc(100% / 2 - 10px); margin: 2px; background: #636466; color: #fff; text-align: center; padding: 8px 3px; display: flex; align-items: center; justify-content: center;}

#greenArea1 .system {margin-top: 24px;}
#greenArea1 .system > div span {width: 240px; height: 54px; font-size: 15px; text-align: center; background-color: #e6e6e6; color: #333; font-weight: 500; line-height: 20px; display: flex; justify-content: center; align-items: center;}
#greenArea1 .system .top {margin-bottom: 30px;}
#greenArea1 .system .top span{position: relative; width: 130px; height: 130px; border-radius: 50%; background-color: #c80852; color: #fff; font-size: 26px; font-weight: 500; margin: 0 auto;}
#greenArea1 .system .top span::before {content: ''; position: absolute; width: 1px; height: 28px; background-color: #dcdcdc; top: 130px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system .top span::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #dcdcdc; bottom: -28px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system .top span > sup {font-size: 10px;}
#greenArea1 .system .mid {position: relative; left: 50%; transform: translateX(-50%); display: inline-block; text-align: center;}
#greenArea1 .system .center span {position: relative;}
#greenArea1 .system .center span:nth-child(1) {margin-bottom: 20px;}
#greenArea1 .system .center span:nth-child(2) {margin-bottom: 16px;}
#greenArea1 .system .center span:nth-child(1)::before {content: ''; position: absolute; width: 1px; height: 18px; background-color: #dcdcdc; bottom: -18px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system .center span:nth-child(1)::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #dcdcdc; bottom: -18px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system .center span:nth-child(2)::before {content: ''; position: absolute; height: 1px; width: 36px; background-color: #dcdcdc; top: 50%; left: calc(50% + 138px); transform: translate(-50%, -50%);}
#greenArea1 .system .center span:nth-child(2)::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #dcdcdc; left: calc(50% + 155px); transform: translateX(-50%);}
#greenArea1 .system .right {position: absolute; display: flex; flex-direction: column; left: calc(50% + 280px); bottom: 16px; transform: translateX(-50%); background-color: #ff9e33;}
#greenArea1 .system ul {position: relative; display: flex; justify-content: space-between; width: 89%; margin: 22px auto 0;}
#greenArea1 .system ul::before {content: ''; position: absolute; width: 1px; height: 14px; background-color: #dcdcdc; top: -38px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system ul::after {content: ''; position: absolute; height: 1px; width: 622px; background-color: #dcdcdc; top: -24px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system ul li {position: relative; width: 180px; height: 54px; background-color: #ffb15c; line-height: 20px; font-size: 15px; font-weight: 500; color: #333; text-align: center; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
#greenArea1 .system ul li::before {content: ''; position: absolute; width: 1px; height: 18px; background-color: #dcdcdc; top: -24px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system ul li::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #dcdcdc; top: -12px; left: 50%; transform: translateX(-50%);}
#greenArea1 .roadmap table thead th,
#greenArea1 .roadmap table tbody td {padding: 11px;}
#greenArea1 .roadmap table p {position: relative; font-size: 13px; text-align: left; padding-left: 6px;}
#greenArea1 .roadmap table p:before {content: '\2022'; position: absolute; left: 0; top: 0;}

#greenArea4 .greenEffect {float: right; width: 360px;}
#greenArea4 .greenEffect .top {display: flex; justify-content: space-between;}
#greenArea4 .greenEffect .top > p {color: #454545; font-weight: 500;}
#greenArea4 .greenEffect .top > p span {display: block; color: #393939;}
#greenArea4 .greenEffect .top > p strong {font-weight: bold; font-style: italic; font-size: 32px; color: #c70752; display: inline-block; margin-top: 4px;}
#greenArea4 table {table-layout:fixed; width: 100%;}
#greenArea4 table thead th	{ padding:4px 0; border-bottom:1px dotted #666; font-size:12px; line-height:18px; color:#505050; font-weight:normal; letter-spacing: -0.05em;}
#greenArea4 table tbody th,
#greenArea4 table tbody td	{ padding:6px 0; font-size:12px; line-height:20px; border-bottom:1px dotted #666; text-align:center; }
#greenArea4 table tbody td {font-size: 24px;}
#greenArea4 table tbody th span	{background-color: #FFF5f8; border-radius: 6px; line-height: 36px; display: block; width: 84%; position: relative; font-weight: normal; color: #505050;}
#greenArea4 table tbody th span::after {content: '\2192'; position: absolute; top: 50%; right: -36px; transform: translateY(-50%); color: #c70752; font-size: 14px;}
#greenArea4 table tbody td:last-child	{ border-right:none; }

.grayBox { padding:20px 20px 10px 20px; background:#f8f8f8; }
.grayBox p	{ padding-bottom:20px; font-size:16px; color:#454545;}
.grayBox ul { *zoom:1;}
.grayBox ul:after { content:""; display:block; clear:both; }
.grayBox ul li { padding:0 0 10px 10px; float:left; font-size:13px; background:url('/global/images/common/blt4.gif') no-repeat 0 5px; width:250px; }

.manageResult	{ position:relative; }
.manageResult p.graph	{ position:absolute; right:0; bottom:0; }
.manageResultCont	{ width:377px; }
.manageResultCont p	{ height:24px; font-size:16px; color:#454545; overflow:hidden; }
.manageResultCont p span	{ display:inline-block; }
.manageResultCont p span.fr	{ padding-top:5px; color:#757575; }

.eshHead	{ position:relative; padding:0 25px; border:1px solid #ebebeb; }
.eshHead h3	{ padding:55px 0; font-size:30px; color:#333; }
.eshHead p	{ margin:30px 0 30px; padding-left:13px; font-size:13px; line-height:20px; background: url('/global/images/common/blt2.gif') no-repeat left 7px; }

.greenControl	{ min-height:1035px; background:url('/global/images/manage/green_bg.gif') no-repeat left 94px; }

ul.programList	{ padding:0 0 7px 0; }
ul.programList li	{ padding:0 0 13px 10px;background:url('/global/images/common/blt4.gif') no-repeat left 5px; }
ul.programList li strong	{ display:inline-block; color:#333; vertical-align:top; }
ul.programList li span	{ display:inline-block; }

.greenProgram	{ position:relative; margin-top:35px; background:url('/global/images/manage/program_bg.gif') no-repeat 0 0; *zoom:1; }
.greenProgram:after	{ content:""; display:block; clear:both; }
.greenProgram li	{ float:left; width:110px; }
.greenProgram li dl	{}
.greenProgram li dl dt	{ height:96px; padding:0 22px 10px 14px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:14px; color:#454545; line-height:96px; text-align:center; }
.greenProgram li dl dd	{ font-size:13px; padding:0 10px 0 14px; line-height:18px; letter-spacing:-1px; }
.greenProgram li dl dd.blt	{ padding-left:5px; background:url('/global/images/common/blt5.gif') no-repeat left 7px; }

.product5LastSection{}
.product5LastSection:after{content:''; display:block; clear:both;}
.product5LastSection p{float:left;}
.product5LastSection p.manageText2{width:470px; margin-right:100px;}


/* 사회책임 */
.contributeArea	{ padding-top:35px; }
.contributeArea h2	{ margin-top:80px !important; }
.contributeArea h2:first-child	{ margin-top:0 !important; }
.contributeArea .list td,
.contributeArea .list.ac td.al	{ padding-left:15px; text-align:left; }
.contributeArea .list.ac th,
.contributeArea .list.ac td	{ padding-left:0; text-align:center; }

.contributeArea .contStyleA .thumCont .thum.woman {text-align: center;}
.contributeArea .contStyleA .thumCont .thum.woman img {margin: 0 auto 18px;}
.contributeArea .contStyleA .thumCont .thum.woman span {display: block; margin: 4px 0 10px; font-weight: 500;}
.contributeArea .contStyleA .thumCont .thum.woman span:last-child {font-size: 12px;}
.contributeArea .contStyleA .thumCont .thum.woman strong {font-size: 32px; font-weight: bold; color: #c70752; font-style: italic;}
.contributeArea .contStyleA .thumCont .thum.woman strong em {font-size: 16px; font-weight: normal; color: #666;}
.contributeArea .contStyleA .thumCont.global {padding: 0;}
.contributeArea .contStyleA .thumCont.global ul {display: flex; margin-top: 20px;}
.contributeArea .contStyleA .thumCont.global ul:nth-child(2) {margin-top: 12px;}
.contributeArea .contStyleA .thumCont.global ul li {display: flex; align-items: center;}
.contributeArea .contStyleA .thumCont.global ul li:nth-child(1) {width: 31%;}
.contributeArea .contStyleA .thumCont.global ul li:nth-child(2) {width: 31%;}
.contributeArea .contStyleA .thumCont.global ul li:nth-child(3) {width: 38%;}
.contributeArea .contStyleA .thumCont.global ul li img {float: left;}
.contributeArea .contStyleA .thumCont.global ul li .globalWrap {float: left; margin-left: 10px;}
.contributeArea .contStyleA .thumCont.global ul li .globalWrap p {font-size: 14px; font-weight: 500;}
.contributeArea .contStyleA .thumCont.global ul li .globalWrap span {font-size: 12px; font-weight: 500; color: #999898; display: block; margin-top: 4px;}
.contributeArea .contStyleA .thumCont.global ul li .globalWrap strong {font-size: 24px; font-weight: bold; color: #c70752; font-style: italic; padding-right: 6px;}

.contributeHead	{}
.contributeHead p.text	{ line-height:20px; }
.contributeHead p.text strong.fontType4	{ font-size:16px; line-height:24px; }

#contributeArea1 .contStyleA div.cont .thumCont {padding-left: 240px;}
#contributeArea1 .contStyleA div.cont .thumCont .thum img {width: 220px;}

#contributeArea2 .comunityWrap {position: relative;}
#contributeArea2 .comunity {position:absolute; top: 0; display: flex; align-items: center; width: 100%; height: 100%; box-sizing: border-box; padding: 0 100px 0 66px;}
#contributeArea2 .comunity .right span {display: block; text-align: center; color: #fff;}
#contributeArea2 .comunity .right span:nth-child(1) {font-size: 22px; padding: 30px 0 12px;}
#contributeArea2 .comunity .right span:nth-child(2) {font-size: 12px; padding: 5px 0;}
#contributeArea2 .comunity .left {margin-left: 71px;}
#contributeArea2 .comunity .left > div {display: flex; height: 88px;}
#contributeArea2 .comunity .left > div:nth-child(1) {padding: 3px 0 22px;}
#contributeArea2 .comunity .left > div:nth-child(2) {padding-top: 34px;}
#contributeArea2 .comunity .left > div .first { width: 84px;}
#contributeArea2 .comunity .left > div .first span {display: block; text-align: center;}
#contributeArea2 .comunity .left > div .first span:nth-child(1) {color:#fff; font-size: 18px; line-height: 32px;}
#contributeArea2 .comunity .left > div .first span:nth-child(2) {line-height: 16px; font-size: 13px; padding: 14px 0; }
#contributeArea2 .comunity .left > div:nth-child(2) .first span:nth-child(2) {padding: 4px 0;}
#contributeArea2 .comunity .left > div .mid {margin-left: 30px; width: 80px;}
#contributeArea2 .comunity .left > div .mid span {position: relative; display: block; text-align: center; top: 50%; transform: translateY(-50%); font-size: 13px; line-height: 16px;}
#contributeArea2 .comunity .left > div > ul {margin-left: 16px; width: 120px;}
#contributeArea2 .comunity .left > div > ul li {line-height: 24px; padding: 0 0 8px 0; font-size: 13px; text-align: center; display: block;}
#contributeArea2 .comunity .left > div > ul li:last-child {line-height: 24px; padding-bottom: 0;}
#contributeArea2 .comunity .left > div:nth-child(2) > ul li {font-size: 12px; line-height: 12px; padding-top: 3px;}
#contributeArea2 .comunity .left > div:nth-child(2) > ul li:last-child {line-height: 12px; padding-top: 7px;}

#contributeArea2 .operating {position: relative; margin-top: 20px;}
#contributeArea2 .opInner {position: absolute; top: 0; width: 100%; display: flex;}
#contributeArea2 .opInner > div > em {display: block; width: 100%; text-align: center; margin-top: 40px; font-size: 15px;}
#contributeArea2 .opInner > div:first-child span {width: 144px; height: 144px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 18px;}
#contributeArea2 .opInner > div:first-child > em {color: #c70752;}
#contributeArea2 .opInner ul {display: flex; align-items: center; justify-content: space-between;}
#contributeArea2 .opInner ul li {width: 144px; height: 144px; display: flex; align-items: center; justify-content: center; text-align: center; margin-left: 29px; line-height: 18px;}

#contributeArea6 b{display:block; line-height: 30px; font-size: 16px;}
#contributeArea6 div{line-height: 20px;}
#contributeArea6 div.contStyleA{display: flex; flex-wrap: wrap;}
#contributeArea6 div.cont{display: flex; flex-direction: column; align-items: start; margin-bottom: 20px; }
#contributeArea6 .contStyleA div.cont{width: 32%; border-top: none; margin-right: 2%; margin-bottom: 80px;}
#contributeArea6 .contStyleA div.cont:nth-child(3n) {margin-right: 0;}
#contributeArea6 h3{clear:right; width: 280px; height: 50px;}
#contributeArea6 .subTitle{display: block; margin:10px 0 0;}
#contributeArea6 .txt{padding:0 0 20px;}
#contributeArea6 .txt dt{display: inline-block; padding-left:14px; vertical-align: top;}
#contributeArea6 .txt dd{display: inline-block; width:620px;}
#contributeArea6 .txt2{padding:0 0 20px;}
#contributeArea6 .txt2 dt{padding-left:14px; vertical-align: top;}
#contributeArea6 .txt2 dd{padding-left:38px; }
#contributeArea6 .subList{padding:5px 0;}
#contributeArea6 .subList b{display: inline-block; line-height: 20px;}
#contributeArea6 .pdfDownload {position: relative; display: inline-block; margin-top: 20px; width: 100%; padding: 0 102px;}
#contributeArea6 .pdfDownload span {background: unset; font-size: 14px;}
#contributeArea6 .pdfDownload svg {position: absolute; top: 11px; right: 102px;}
#contributeArea6 .pdfDownload:hover svg path {stroke: #ffffff;}

.visionArea	{ position:relative; margin:100px 0 95px; padding:16px 24px 0 440px; background:url('/global/images/manage/vision_bg_1.gif') no-repeat left top; }
.visionArea li	{ min-height:80px; }
.visionArea li .visionWrap{display: flex; flex-wrap: wrap;}
.visionArea li p	{ font-size:13px; line-height: 18px; word-break: keep-all;}
.visionArea li dl	{ width: 100%; padding-top:20px; *zoom:1; /*background:url('/images/manage/line_tree2.gif') no-repeat 42px 27px;*/}
/*.visionArea li dl.num3	{ background:url('/images/manage/line_tree.gif') no-repeat 42px 27px;  }*/
.visionArea li dl.num3 dt	{ margin-top:17px; }
/*.visionArea li dl.num4	{ background:url('/images/manage/line_tree3.gif') no-repeat 42px 27px;  }*/
.visionArea li dl.num4 dt	{ margin-top:17px; }
.visionArea li dl:after	{ content:""; display:block; clear:both; }
.visionArea li dl dt	{padding:0 0 0 12px; font-family:nGothicB; font-weight:bold; color:#c70752; line-height:22px;}
.visionArea li dl dd	{ padding-left:16px; font-size:12px; line-height:20px; }
.visionArea li dl dd strong	{ color:#333; font-weight:normal; font-family:nGothic, dotum, gulim; }
.visionArea li.txt1	{ min-height:40px; padding-top:40px; }
.visionArea li.txt2	{ min-height:45px; padding-top:35px; }
.visionArea li.txt3	{ min-height:61px; padding-top:20px; }
.visionArea li.txt4	{ min-height:81px; }

.campaignCont	{}
.campaignCont li:first-child	{ padding-bottom:20px; border-bottom:1px solid #dcdcdc; }
.campaignCont li:first-child h4	{ padding-top:0; }
.campaignCont li h4,
.campaignCont li h4 .fontType4	{ font-weight:normal; font-family:LGSmHaR, nGothic, dotum, gulim; color:#252525; font-size:16px !important; }

.partnershipCont	{ position:relative; min-height:452px; background:url('/global/images/manage/establish.gif') no-repeat 0 0; }
.partnershipCont dl dt	{ padding-bottom:5px; font-size:19px; color:#333; font-family:LGSmHaR, LGSmHaR, dotum, gulim; }
.partnershipCont dl dd	{ font-size:13px; line-height:20px; }
.partnershipCont dl.txt1	{ position:absolute; left:8px; top:212px; }
.partnershipCont dl.txt2	{ position:absolute; left:16px; top:78px; }
.partnershipCont dl.txt3	{ position:absolute; left:195px; top:25px; }
.partnershipCont dl.txt4	{ position:absolute; right:90px; top:41px; text-align:right; }
.partnershipCont dl.txt5	{ position:absolute; right:21px; top:136px; text-align:right; }
.partnershipCont dl.txt6	{ position:absolute; right:18px; top:239px; text-align:right; }

.support	{ margin-top:-20px; padding:0 0 20px; }
.support dt	{ padding:20px 0 5px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; color:#454545; line-height:22px; }
.support dd	{ line-height:22px; }

.smartWork	{ position:relative; min-height:425px; margin:40px 0 0 20px; padding-left:292px; background:url('/global/images/manage/smart_work_bg.gif') no-repeat 0 0; }
.smartWork dl	{ min-height:150px; }
.smartWork dl dt	{ padding:20px 0 10px; color:#454545; }
.smartWork dl dd	{ padding:0 0 0 7px; font-size:13px; line-height:20px; background:url('/global/images/common/blt4.gif') no-repeat 0 7px; }

.contStyleA div.cont table.list thead th.compliance	{ padding-bottom:0; }

.numType	{}
.numType li	{ font-size:13px; padding-left:20px; }
.numType li.num01	{ background:url('/global/images/common/num01.gif') no-repeat left 3px; }
.numType li.num02	{ background:url('/global/images/common/num02.gif') no-repeat left 3px; }
.numType li.num03	{ background:url('/global/images/common/num03.gif') no-repeat left 3px; }

/* 보고서 다운로드 */
.downloadWrap	{}
	.downloadWrap .list	{ border-top:1px solid #000 !important; }
.downloadHead	{ padding-bottom:30px; *zoom:1; }
.downloadHead:after	{ content:""; display:block; clear:both; }
.downloadHead	{ padding-bottom:30px; *zoom:1; position: relative;}
.downloadHead .fl	{ width: 530px; }
.downloadHead .fl p.tit	{ font-size:18px; color:#454545; line-height:24px; }
.downloadHead .fl p.tit strong	{ font-size:24px; color:#454545; }
.downloadHead .fl p.tit strong.fontType4	{ font-size:27px; }
.downloadHead .fl p.text	{ padding:30px 0 25px; line-height:22px; }
.downloadHead .fl .btnArea	{ padding-top:0 !important; position: absolute; bottom: 40px; right: 0; width: 246px;}
.downloadHead .fl .btnArea .btnTypeD {width: 174px; padding: 0 20px;}
.downloadHead .fl .btnArea .btnTypeD span {font-size: 14px; background: unset;}
.downloadHead .fl .btnArea .btnTypeD svg {top: 8px; right: 20px;}
.downloadHead .fl .btnArea .btnTypeD svg path {stroke: #ffffff;}
.downloadHead .fl .btnArea .btnTypeD:hover svg path {stroke: #c60e41;}
.downloadHead .fr	{ width:246px; /*height:316px;*/ height: 176px; background:url('/images/ir/bg_financeReport.jpg') no-repeat left top;  background-size: contain; box-shadow: 0 0 7px rgba(0, 0, 0, 0.18);}
.downloadHead .fr p	{ padding:50px 20px 0 20px; font-size:24px; }
.downloadHead .fr p span.year	{ font-size:14px; color:#454545; position: relative; top: -82px;}

/* 기후변화 대응 */
.climateWrap1 .section{text-align: center; border: 1px solid #ebebeb; margin-bottom: 85px;}
.climateWrap1 .section > strong{display:inline-block; padding:40px 0; font-weight: 500; font-size: 30px;}
.climateWrap1 .section > ul {text-align: center; font-size: 0;}
.climateWrap1 .section > ul li{border-right: 1px solid #ebebeb; box-sizing: border-box;}
.climateWrap1 .section > ul li.last{border:0;}
.climateWrap1 .section > ul li p{font-weight: 500; font-size: 15px;}
.climateWrap1 .section > ul .ico{min-height: 76px; vertical-align: middle;}
.climateWrap1 .section > ul .text{padding:35px 0;}
.climateWrap1 .listNum2 li{display: inline-block; width:50%; vertical-align: top;}
.climateWrap1 .listNum4 li{display: inline-block; width:25%; height:216px; margin-bottom:30px; vertical-align: top;}
.climateWrap1 .sectionB .cont{margin-bottom:76px;}
.climateWrap1 .sectionB .thum{margin-right:32px;}
.climateWrap1 .sectionB .txt{width: 666px; font-size: 13px; line-height: 24px; letter-spacing: -0.6px;}
.climateWrap1 .sectionB .txt strong{margin-bottom: 10px; font-size: 18px; font-weight: 600;}


/********** 09_투자정보 **********/
.rightIndexCont	{ padding:0 8px 50px; border-top:1px solid #cacaca;  }
	.rightIndexCont ul	{ padding:15px 0 0; *zoom:1; }
	.rightIndexCont ul:after	{ content:""; display:block; clear:both; }
	.rightIndexCont ul li	{ float:left; width:384px; }
	.rightIndexCont ul li p	{ min-height:60px; margin:0 22px; padding:22px 0 0 103px; }
	.rightIndexCont ul li a	{ display:block; padding:0 0 0 13px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:15px; color:#454545; background:url('/global/images/common/blt7.gif') no-repeat 0 center; }
	.rightIndexCont ul li.r01 p	{ margin-left:14px; background:url('/global/images/right/ico_right.gif') no-repeat 0 0; }
	.rightIndexCont ul li.r02 p	{ margin-right:14px; background:url('/global/images/right/ico_right2.gif') no-repeat 0 0; }
.rightIndexCont2>div	{ width:354px !important; padding:0 8px 0; border-top:1px solid #cacaca; text-align:right; }
.rightIndexCont2>div h3,
.rightIndexCont2>div p	{ text-align:left; }
.rightIndexCont2>div p	{ height:90px; line-height:22px; }

.IrContact.agreeArea {padding-bottom:50px;}
.IrContact.agreeArea .agreeCont {border:1px solid #dbdbdb; padding-top:0;}
.IrContact.agreeArea .agreeCont h3 {padding-top:15px;}
.IrContact.agreeArea .agreeCheck p.fl {padding-left:19px; background:url("/global/images/common/ico_care.gif") no-repeat 1px 1px;}
.IrContact.agreeArea~.btnArea .btnTypeD.btnType_large {width: 113px;}
.IrContact.agreeArea~.btnArea .btnTypeD.btnType_large span {background: unset; padding: 0; text-align: center;}

/* 지배구조 */
.manager	{ padding-top:30px; }
.manager p.text	{ padding-bottom:65px; line-height:22px; }
	.managerCont	{ position:relative; padding-top:90px; }
	.managerCont-first	{ padding-top:0; }
	.managerCont-second {padding-top: 250px;}
	.managerCont .managerText	{ line-height:22px; }
	.managerCont .managerText p	{ padding-top:10px; }
	.managerCont .managerText p:first-child	{ padding-top:0; }
	.managerCont .managerGraph	{ position:absolute; right:30px; top:-14px; width:305px; height:315px; }
	.managerCont .managerGraph p	{ padding:0 0 10px; font-size:12px; text-align:center; }
	.managerCont .managerGraph2	{ padding-top:45px; }
	.managerCont .managerGraph2 p.fs	{ color:#757575; line-height:24px; }
    .managerCont .managerGraph2 .tbType1 tbody th {text-align: left; padding: 11px 10px;}

/* 이사회 */
.managerCont2	{ margin-top:-50px; }
.managerList	{ *zoom:1; }
.managerList:after	{ content:""; display:block; clear:both; }
	.managerList li	{ float:left; width:100%; padding:30px 0 50px; }
	.managerList li div.cont	{ position:relative; min-height:151px; padding:20px 0 0 194px; border-bottom:1px solid #ebebeb; }
	.managerList li.ceo div.cont	{ position:relative; min-height:158px; padding:8px 0 5px 194px; border-bottom:1px solid #ebebeb; }
	.managerList li.ceo	{ width:100%; padding-top:0; }
	.managerList li.ceo div.cont	{ margin:0; }
	.managerList li.first div.cont	{ margin-left:0; }
	.managerList li.last div.cont	{ margin-right:0; }
	.managerList li h3	{ padding:0 0 10px; font-size:20px; color:#454545; }
	.managerList li h3 span	{ display:inline-block; margin-left:5px; font-size:13px; color:#666; }
	.managerList li div.cont p.thumb	{ position:absolute; left:0; top:0; }
	.managerList li dl	{ position:relative; margin-top:5px; *zoom:1; }
	.managerList li dl:after	{ content:""; display:block; clear:both; }
	.managerList li dl.first	{ margin-top:0; }
	.managerList li dl dt	{ position:absolute; left:0; top:0; padding:0 6px; font-size:15px; color:#333; background:url("/global/images/common/blt5.gif") no-repeat 0 6px; }
	.managerList li dl dd	{ padding:0 0 0 50px; font-size:13px; line-height:20px; }	
	.managerList li dl dd.txt1	{ position:absolute; left:276px; top:0; }
	.managerList li dl dd.txt2	{ position:absolute; left:276px; top:20px; }


/* IR/재무정보 */
.financeWrap	{ padding:50px 10px 0 10px; }
	#contArea .financeCont h2	{ padding:0 0 20px; background:none; }
	.financeWrap table.list	{width: 800px; border-top:1px solid #757575 !important; margin: 0 auto;}
	.financeWrap table.list td strong	{ color:#454545; }
	.financeCont	{ position:relative;}
	.financeCont p.btn	{ position:absolute; left:333px; top:0; }
	.financeCont .financeList	{ min-height:193px; padding:20px 0 0; border-top:1px solid #dcdcdc; *zoom:1; }
	.financeCont .financeList:after	{ content:""; display:block; clear:both; }
	.financeCont .financeList li	{ float:left; width:155px; padding:0 0 0 6px; font-size:16px; color:#454545; background:url('/global/images/common/blt1.gif') no-repeat left 7px; }
	.financeCont .financeList li li	{ clear:both; width:100%; padding:0; font-size:13px; color:#666; line-height:30px; background:none; }
	.financeCont .financeReport	{ position:absolute; right:0; top:10px; width:246px; height:316px; background:url('/global/images/ir/bg_financeReport_ir.gif') no-repeat left top; }
	.financeCont .financeReport p	 { padding:140px 20px 0 0; color:#454545; line-height:24px; text-align:right; }
	.financeCont .financeReport p strong.fontType4	{ display:block; font-size:24px; }
	.financeCont .caution	{ padding:10px 0 10px 34px; font-size:12px; color:#757575; line-height:18px; background:#f7f7f7 url("/global/images/common/ico_caution.gif") no-repeat 15px 12px; }

.financeWrap table.list	{ border-top:1px solid #454545 !important; width: 800px; margin: 0 auto;}
.financeWrap .list thead th {position: relative; border-top: 1px solid #454545; border-bottom: 1px solid #454545; padding: 16px 0 15px; font-size: 14px; font-weight: 600;}
.financeWrap .list thead th:last-child::before {display: none;}
.financeWrap table.list tbody th {border-bottom:none; border-top:1px solid #ebebeb; border-right: unset; font-size: 14px;}
.financeWrap table.list tr:first-child th {border-top:none;}
.financeWrap table.list tbody td {padding: 26px 0 25px; border-right: unset; font-size: 14px;}
.financeWrap table.list td strong	{ color:#454545; }
.statementsArea	{ padding:0; }
.statementsCont	{ padding:50px 0 0; }
	.statementsCont .fr	{ margin:-27px 0 0; }
.statementsTab li ul li a{height: 27px!important; line-height: 27px!important;}
.statementsTab li ul li.on a{height: 27px!important;line-height: 27px!important; color:#fff!important; background: #c70752;}

/* IR 행사일정 */
.eventCalendarWrap{padding-top:46px;}
.eventCalendarWrap .yearWrap{text-align:center; margin-bottom:20px;}
.eventCalendarWrap .year{position:relative; display:inline-block;}
.eventCalendarWrap .year a{position:absolute; width:8px; height:12px; top:50%; margin-top:-16px; padding:10px;}
.eventCalendarWrap .year a.yearPrev{left:-46px; background:url(/images/ir/btn_prev.png) no-repeat 50%;}
.eventCalendarWrap .year a.yearNext{right:-46px; background:url(/images/ir/btn_next.png) no-repeat 50%;}
.eventCalendarWrap .year a.yearPrev.avtive{background:url(/images/ir/btn_prev_on.png) no-repeat 50%;}
.eventCalendarWrap .year a.yearNext.avtive{background:url(/images/ir/btn_next_on.png) no-repeat 50%;}
.eventCalendarWrap .year strong{font-size:30px; color:#454545;}
.eventCalendarWrap ul{}
.eventCalendarWrap ul li{position:relative; background:#c90852; padding-left:196px; margin-bottom:10px;}
.eventCalendarWrap ul>li>.titStrong{position:absolute; display:table; left:0; top:50%; width:196px; height:100px; margin-top:-50px; color:#fff; font-size:22px; text-align:center; vertical-align:middle;}
.eventCalendarWrap ul>li>.titStrong>strong{display:table-cell;vertical-align:middle;}
.eventCalendarWrap ul>li>.titStrong>strong em{display:block;}
.eventCalendarWrap ul>li>.titStrong>strong em.plus{padding-top:17px;position:relative;}
.eventCalendarWrap ul>li>.titStrong>strong em.plus:after{content:'~'; position:absolute; top:0; left:0; width:100%; text-align:center; line-height:17px;}
.eventCalendarWrap ul li .text{padding:30px 42px; min-height:70px; background:#fff; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.eventCalendarWrap ul li .text>strong{display:block; margin-bottom:20px; font-size:15px; color:#c90852; word-wrap:break-word; font-weight: bold;}
.eventCalendarWrap ul li .text>p{font-size:15px; color:#454545;word-wrap:break-word;}
.eventCalendarWrap ul li.none{position:relative; background:#e9e9e9; padding-left:0; margin-bottom:0; height:115px; color:#454545; font-size:15px; line-height:115px; border:1px solid #e0e0e0; text-align:center;}

/* 공시정보 */
.publicArea	{  }
	.publicArea p	{ color:#333; }
	.publicArea p a	{ color:#c70752; text-decoration:underline; }	
	.publicCont	{ padding-top:30px; }

/* 주가현황 */
.stockCont	{ width:100%; }

/* 비즈니스 리뷰 */
.businessWrap {width:880px; padding-left:20px;}
.businessWrap .head h2 {padding:0 !important; font-size:26px !important; background:none !important;}
.businessWrap .head p {margin-top:20px; line-height:22px; color:#000;}
.businessList li {margin-top:80px;}
	.businessList li h3 {padding-top:12px; margin:30px 0 15px; font-size:22px; color:#454545; background:url('/images/common/bg_tit.gif') no-repeat left top;}
	.businessList li .cont {overflow:hidden;}
	.businessList li .cont p {margin-top:30px; line-height:22px;}
	.businessList li .cont .text.fr {width:430px;}
	.businessList li .cont .text.fl {width:565px;}
	.businessList li .cont .oh {margin-top:30px;}
	.businessList li .cont .oh>*{margin-top:0;}
	.businessList li:first-child {margin-top:20px;}
	.businessList li .cont p:first-child {margin-top:0;}
	.businessList li .cont .oh:first-child {margin-top:0;}
	
.businessWrap_2012	{}
	#contArea .businessWrap_2012 h2	{ padding:0 0 20px 15px; font-size:22px; color:#454545; font-family:LGSmHaR, nGothic; font-weight:normal !important; line-height:33px; background:none; }
	#contArea .businessWrap_2012 h2 strong	{ display:inline-block; font-size:26px; color:#252525; }
.businessList_2012	{}
	.businessList_2012 li	{ padding:50px 0; border-bottom:1px solid #ececec; }
	.businessList_2012 li:first-child	{ padding-top:0; }
	.businessList_2012 li div.cont	{ position:relative; min-height:195px; padding:0 0 0 320px; }
	.businessList_2012 li div.cont p.thumb	{ position:absolute; left:0; top:0; padding:0; }
	.businessList_2012 li div.cont p	{ padding-top:5px; line-height:22px; }
	.businessList_2012 li div.cont p.first	{ padding-top:0; }

/********** 10_채용정보 **********/
.evpWrap	{}
	.evpWrap p.text	{ padding:0 0 80px; line-height:22px; }
	.evpCont	{ position:relative; width:777px; min-height:800px; margin:30px auto 0; background:url('/global/images/recruit/bg_evp.gif') no-repeat left 87px; text-align:center; }
	.evpCont p.tit	{ height:87px; font-size:18px; line-height:30px; color:#252525; }
	.evpCont p.tit strong	{ font-size:30px; }
	.evpCont p.stit	{ padding:136px 0 0 0; }
	.evpCont p.stit span	{ display:block; margin-top:10px; font-size:13px; color:#333; }
	.evpCont dl	{ position:absolute; top:341px; width:165px; }
	.evpCont dl dt	{ height:127px; padding:90px 0 40px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:20px; color:#333; }
	.evpCont dl dd	{ margin-bottom:10px; padding-left:10px; font-size:13px; line-height:18px; background:url('/global/images/common/blt4.gif') no-repeat left 7px; text-align:left; }
	.evpCont dl dd p	{ font-size:13px; line-height:18px; }
	.evpCont dl.pos1	{ left:0; margin-left:22px; }
	.evpCont dl.pos2	{ left:214px; }
	.evpCont dl.pos3	{ left:403px; }
	.evpCont dl.pos4	{ left:590px; }

/* 인재상 */
.rightWrap .slogan	{ padding-bottom:30px; font-size:28px; color:#757575; line-height:34px; }
.rightWrap .slogan span	{ color:#000; }

/* 인사제도 - 인사원칙 */
#contArea .systemWrap h2	{ font-family:LGSmHaR, nGothic, dotum, gulim; font-weight:normal; font-size:20px; padding:50px 0 10px !important; background:none; }

.ruleCont	{ position:relative; width:804px; height:612px; margin:0 auto 100px; background:url('/global/images/recruit/bg_rule.gif') no-repeat left top; text-align:center; }
	.ruleCont p.tit	{ padding:10px 0 0; height:100px; font-size:35px; color:#454545; line-height:36px; }
	.ruleCont p.tit span.fb	{ font-size:22px; }
	.ruleCont p.stit	{ height:95px; padding:85px 0 0 0; font-size:.9em; color:#454545; }
	.ruleCont p.stit strong	{ display:block; padding-bottom:10px; font-size:26px; }
	.ruleCont dl	{ position:absolute; top:290px; width:205px; margin-left:48px;}
	.ruleCont dl dt	{ padding:80px 0 35px; font-size:22px; line-height:24px; color:#252525; font-family:LGSmHaR, LGSmHaR, dotum, gulim; }
	.ruleCont dl dd	{ color:#333; line-height:22px; }
	.ruleCont dl.pos1	{ left:0; }
	.ruleCont dl.pos2	{ left:298px; margin-left:0; }
	.ruleCont dl.pos3	{ left:502px; }

/* 인사제도 - 교육제도 */
.educationalArea p.text	{}
.educationalArea p.text strong	{ font-size:18px; color:#454545; line-height:28px; }
.educationalCont	{ position:relative; width:806px; height:324px; margin:90px auto 0; background:url('/global/images/recruit/bg_educational.gif') no-repeat left top; text-align:center; }
	.educationalCont dl	{ position:absolute; top:65px; width:205px; margin-left:48px; }
	.educationalCont dl dt	{ padding-bottom:13px; font-size:20px; line-height:22px; color:#252525; font-family:LGSmHaR, LGSmHaR, dotum, gulim; }
	.educationalCont dl dd	{ margin-left:18px; padding:0 0 0 7px; font-size:12px; line-height:20px; background:url('/global/images/common/blt4.gif') no-repeat left 10px; text-align:left; }
	.educationalCont dl.pos1	{ left:0; }
	.educationalCont dl.pos2	{ left:298px; margin-left:0; }
	.educationalCont dl.pos3	{ left:502px; }
	
.systemWrap ol	{}
	.systemWrap ol li	{ padding:90px 0 0; }
	.systemWrap ol li strong	{ display:block; font-size:17px; color:#454545; }
	.systemWrap ol li dl	{ margin:25px 0 0 8px; padding:0 0 0 12px; background:url('/global/images/common/blt4.gif') no-repeat left 7px; }
	.systemWrap ol li dl dt	{ padding-bottom:10px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; color:#454545; }
	.systemWrap ol li dl dd	{ line-height:22px; }
	.systemWrap ol li dl dd span	{ font-size:.9em; color:#454545; }
	
	.systemWrap dd.class	{ padding:30px 0 25px; *zoom:1; }
	.systemWrap dd.class:after	{ content:""; display:block; clear:both; }
	.systemWrap dd.class p	{ float:left; width:166px; padding:0 25px 0 15px; line-height:18px; background:url('/global/images/recruit/ico_arrow.gif') no-repeat right 52px; text-align:center; }
	.systemWrap dd.class p span	{ display:block; height:111px; padding-top:20px; border-bottom:1px solid #dbdbdb; }
	.systemWrap dd.class p.last	{ background:none;}

/* 인사제도 - 채용안내 */
.programCont p.txt	{ padding-bottom:30px; font-size:16px; line-height:24px; color:#454545; }

/* 채용안내 - 직무소개 */
.recruitIntroCont p.contImg	{ padding:60px 0 100px; text-align:center; }

/********** 11_고객센터 **********/
.faqArea	{ padding:0 17px 0 32px; }
.faqArea .form td input[type=text],
.faqArea .form td textarea	{ width:643px !important; }
.faqArea .form td p.file	{ width:655px !important; }

.faqHead	{ position:relative; height:110px; margin-bottom:80px; padding:63px 0 0 176px; border:1px solid #ddd; }
	.faqHead>p.tit	{ position:absolute; left:-25px; top:6px; }	
	.faqHead div.srch	{}
	.faqHead div.srch input[type=text]	{ width:540px; height:26px; line-height:26px; border:7px solid #c70752; vertical-align:top; }
	.faqHead div.srch .btnType4	{ width:73px; height:38px !important; padding:0 !important; line-height:38px !important; vertical-align:top; }
	.faqHead p.txt	{ padding-top:10px; font-size:13px; line-height:20px; }	
	.faqHead p.txt2	{ font-size:13px; line-height:20px; }
	.faqArea p.btn {display: block;position: absolute;top: 56px; right: 28px !important;}	
	.faqHead a.btn	{ position:absolute; right:23px; bottom:20px; }
	.faqHead a.btnType1	{ padding:0 !important; width:160px; height:43px; font-size:12px !important; }
	.faqArea a.btnType1 span {background-position-x: 95%;}
	.faqArea table { border-collapse: none;}
	.faqArea .form td input #qnaName {width: 210px !important;}
	.faqArea .form td input #qnaEmail {}
.qnaHead	{ height:60px !important; }

/* MSDS */
.msdsArea .faqHead	{ height:90px !important;}
.msdsCont	{ *zoom:1; }
.msdsCont:after	{ content:""; display:block; clear:both; }
.msdsCont h3	{ font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:22px; color:#333; line-height:35px; }
.msdsCont h3 span	{ font-weight:normal; font-family:LGSmHaR, nGothic, dotum, gulim; font-size:14px; }
	.msdsCont .fl	{ width:495px; }
	.msdsCont .fl table.list	{ border-top-color:#000; }
	.msdsCont .fl table.list thead tr th	{ border-bottom:1px solid #000; }
	.msdsCont .fl table.list tr:first-child th	{  font-size:13px; }
	.msdsCont .fl table.list tr:first-child td.brn	{ width:110px; }
	.msdsCont .fr	{ width:246px; height:316px; margin:23px 49px 0 0; background:url('/global/images/customer/bg_msds.jpg') no-repeat left top; }
	.msdsCont .fr p	{ padding:150px 20px 0 0; font-size:12px; color:#454545; line-height:24px; text-align:right; }
	.msdsCont .fr p strong	{ display:block; font-size:34px; }
	.msdsTxt	{ margin-top:110px; padding:25px 0 25px 15px; background:#f8f8f8; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; }
	.msdsTxt p	{ padding-left:10px; background:url('/global/images/common/blt10.gif') no-repeat left 7px;  font-size:13px; color:#666; line-height:20px; }
	.msdsTxt p spen	{ color:#333; font-family:LGSmHaR, LGSmHaR, dotum, gulim; }
	
	
/********** i-Connect **********/
/* 아이디어 제안 - index */
.ideaIndex	{ margin-top:-55px; padding-top:75px; background: url("/global/images/iconnect/bg.gif") no-repeat 100% 0; }
	#contArea .ideaIndexArea h2	{ padding:80px 0 0 10px; font-size:24px; color:#757575; line-height:33px; background:none; }
	#contArea .ideaIndexArea h2 span	{ padding-top:5px;}
	.ideaIndexCont	{ padding-top:100px; *zoom:1; }
	.ideaIndexCont:after	{ content:""; display:block; clear:both; }
	.ideaIndexCont>div	{ width:410px; height: 320px; min-height:290px; padding:30px 10px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; position: relative;}
	.ideaIndexCont .fl	{  }
	.ideaIndexCont .fr	{  }
	.ideaIndexCont h3	{ padding-bottom:25px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:22px; color:#333; }
	.ideaIndexCont p.text	{ min-height:156px; font-size:13px; line-height:22px; }
	.ideaIndexCont p.btnArea	{ padding:0; }
	.ideaIndexCont p.btnArea {position: absolute; bottom: 20px; left: 115px;}
	.ideaIndexCont div .regArea {height: 340px;}

/* 약관동의 */
.ideaArea	{}
.ideaArea .list th {border-bottom: none !important;}
.ideaArea .list .brn input {width: 320px;}
.ideaArea .btnArea a.hbtnType	{ width:163px !important; height:48px !important; padding:0 !important; }
.ideaArea .step	{ padding:0 0 80px; *zoom:1; }
.ideaArea .step:after	{ content:""; display:block; clear:both; }
	.ideaArea .step li	{ float:left; width:255px; padding:0 0 0 52px; background:url("/global/images/iconnect/ico_next.gif") no-repeat 100% center; }
	.ideaArea .step li.on	{ background-image:url("/global/images/iconnect/ico_next2.gif"); }
	.ideaArea .step li.bgn	{ width:234px; }
	.ideaArea p.text	{ padding:0 0 50px; line-height:22px; }
	
.ideaArea .form tr:first-child th	{ width:165px; }
.ideaArea .form td input[type=text],
.ideaArea .form td textarea	{ width:681px; }
.ideaArea .form td p.file	{ width:693px; }

.ideaArea2 .form tr:first-child th	{ width:205px; }
.ideaArea2 .form td input[type=text],
.ideaArea2 .form td textarea	{ width:643px; }
.ideaArea2 .form td p.file	{ width:655px; }
.ideaArea2 .form td ul li span {width: 285px;}

#contArea .agreeArea h2	{ padding:0 0 15px 0; background:none; }
	.agreeArea .agreeCont	{ height:300px; padding:15px; border-top:1px solid #757575; border-bottom:1px solid #757575; overflow-y:scroll; }
	.agreeArea .agreeCont h3	{ margin:0; padding:0; font-size:16px; line-height:24px; background:none; }
	.agreeArea .agreeCont p,
	.agreeArea .agreeCont ul li,
	.agreeArea .agreeCont dl dd	{ line-height:22px; }
	.agreeArea .agreeCheck	{ padding:10px 0 0; *zoom:1; }
	.agreeArea .agreeCheck:after	{ content:""; display:block; clear:both; }
	.agreeArea .agreeCheck p.fl	{ color:#454545; }
	.agreeArea .agreeCheck p.fr input[type=radio]	{ margin-left:30px; }
	.agreeArea .agreeCheck p.fr label	{ display:inline-block; margin-left:5px; color:#454545; }

.ideaArea h3	{ margin-top:100px; padding:0 0 7px 25px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:20px; color:#454545; line-height:22px; background:url('/global/images/common/ico_caution.gif') no-repeat left 3px; }
	.ideaArea h3 span	{ display:inline-block; margin-left:20px; font-family:LGSmHaR, nGothic, dotum, gulim; font-weight:normal; font-size:13px; }
	.ideaArea p.changeBtn	{ float:right; margin-top:-31px }
	.ideaArea table.list	{ border-top:1px solid #000; border-bottom:1px solid #000; }
	.ideaArea table.list td	{ padding:20px 0; }

/* 등록완료 */
.completeArea	{ text-align:center; }
	.completeArea p.txt01	{ font-size:22px; line-height:44px; }
	.completeArea p.txt01 strong	{ color:#454545; }
	.completeArea p.txt02	{ padding-top:25px; font-size:46px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; color:#333; }
	.completeArea p.txt03	{ padding-top:50px; font-size:13px; line-height:20px; }

/* 검토과정 안내 */
.scrutinyArea	{}
	.scrutinyArea p.caution	{ margin-top:35px; padding-left:20px; line-height:20px; background:url('/global/images/common/ico_caution.gif') no-repeat left 2px; }
	.scrutinyHead	{ position:relative; height:302px; background:url('/global/images/iconnect/bg_scrutiny.gif') no-repeat 0 0; }
	.scrutinyHead li	{ position:absolute; }
	.scrutinyHead li span	{ font-size:13px; }
	.scrutinyHead li strong	{ color:#454545; }
	.scrutinyHead li.s01	{ left:0; top:0; }
	.scrutinyHead li.s02	{ left:68px; top:225px; width:145px; text-align:center; }
	.scrutinyHead li.s03	{ left:276px; top:238px; width:145px; text-align:center; }
	.scrutinyHead li.s04	{ left:485px; top:257px; width:145px; text-align:center; }
	.scrutinyHead li.s05	{ left:694px; top:280px; width:145px; text-align:center; }
	.scrutinyHead li.s06	{ left:810px; top:0; width:200px; }
	
	.scrutinyCont	{ padding-top:65px; *zoom:1; }
	.scrutinyCont:after	{ content:""; display:block; clear:both; }
	.scrutinyCont li	{ width:430px; }
	.scrutinyCont li h3	{ height:58px; padding-bottom:1px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:18px; line-height:58px; color:#454545; border-bottom:1px solid #dcdcdc; }
	.scrutinyCont li p.text	{ padding-top:20px; line-height:22px; }

	.scrutinyCont2	{ padding-top:60px; }
	.scrutinyCont2 dt	{ padding-bottom:25px; font-size:18px;  color:#252525; }
	.scrutinyCont2 dd	{ line-height:25px; }

/********** My Care **********/
.bodyMyPage #contArea	{ float:none; width:1160px; }
.bodyMyPage .prnt .prev,
.bodyMyPage .prnt .next	{ width:535px !important; }

.reviewArea	{ padding:10px 0 0;  }
.reviewList	{ position:relative; }
	.reviewList>div.reviewSection	{ width:230px; margin:0 2px 2px 0; background:url('/global/images/common/bg_box_bot.gif') no-repeat left bottom; }
	.reviewList .bgWrap	{ padding:3px 7px 20px 5px; background:url('/global/images/common/bg_box_top.gif') no-repeat left top; }
	.reviewList div.cont	{ margin:0 10px; }
	.reviewList h3	{ padding:15px 0 10px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:20px; color:#191919; border-bottom:1px solid #efefef; }
	.reviewList dl	{ padding:15px 0 0; }
	.reviewList dl dt	{ font-size:16px; }
	.reviewList dl dd	{ padding-top:5px; font-size:13px; }
	.reviewList dl dd.user	{ padding-top:20px; font-size:12px; color:#383838; }
.reviewArea .btnArea a	{ display:inline-block; width:100%; height:38px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; color:#757575 !important; line-height:38px; border:1px solid #ebebeb; background:#fbfbfb; }
.reviewArea .btnArea a span	{ display:inline-block; padding-right:15px; background:url('/global/images/common/bg_arrow3.gif') no-repeat 100% 50%; }
.reviewArea div.none	{ padding:30px 0; line-height:24px; text-align:center; }

.myReviewArea	{ position:relative; }
.bodyMyPage .myReviewArea .prnt .prev,
.bodyMyPage .myReviewArea .prnt .next	{ width:560px !important; }
.myReviewCont	{ padding:30px 0 !important; *zoom:1; }
.myReviewCont:after	{ content:""; display:block; clear:both; }
.myReviewCont div.proInfo	{ float:left; width:192px; }
.myReviewCont div.proInfo img	{ width:190px; height:190px; border:1px solid #dcdcdc; }
.myReviewCont div.proInfo p.btn	{ padding-top:20px; text-align:center; }
.myReviewCont div.cont	{ float:right; width:918px; padding:0; }
	.myReviewCont div.cont h3	{ font-size:20px; color:#252525; }
	.myReviewCont div.cont p.url	{ margin-bottom:30px; padding:20px 0 10px; border-bottom:1px solid #ebebeb; }
	.myReviewCont div.cont p.url strong	{ display:inline-block; font-weight:normal; font-family:LGSmHaR, nGothic, dotum, gulim; font-size:13px; color:#333; }
	.myReviewCont div.cont p.url a	{ display:inline-block; margin-left:10px; padding-left:10px; font-size:13px; color:#757575; background:url('/global/images/common/division2.gif') no-repeat 0 50%; }

/* 상담목록 */
.myQnaArea	{ padding:0 26px; }
.myQnaArea .faqHead	{ margin-bottom:70px !important; }
.myQnaArea .viewCont	{ position:relative; margin-top:-1px; padding:0 30px 50px 155px; border-top:1px solid #959595; border-bottom:1px solid #000; }
.myQnaArea .viewCont strong.tit	{ position:absolute; left:0; top:30px; display:inline-block; width:100px; height:20px; color:#454545; line-height:20px; text-align:center; }

/* MY 아이디어 */
.myIdeaArea	{ padding:0 26px; }
.myIdeaArea .viewArea h2	{ padding-top:20px !important; }
.myIdeaHead	{ position:relative; height:98px; margin-bottom:70px; padding:55px 0 0 242px; border:1px solid #ddd; }
	.myIdeaHead>p.tit	{ position:absolute; left:-26px; top:10px; }
	.myIdeaHead ol	{ *zoom:1; }
	.myIdeaHead ol:after	{ content:""; display:block; clear:both; }
	.myIdeaHead ol li	{ float:left; background:url('/global/images/iconnect/ico_next2.gif') no-repeat 100% 34px; }
	.myIdeaHead dl	{ min-height:55px; padding:18px 0 0 87px; }
	.myIdeaHead dl dt	{ height:24px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; color:#252525; }
	.myIdeaHead dl dd	{ font-size:12px; }
	.myIdeaHead ol li.step1	{ width:253px; }
	.myIdeaHead ol li.step1 dl	{ background:url('/global/images/mypage/ico_idea1.gif') no-repeat 0 0; }
	.myIdeaHead ol li.step2	{ width:269px; margin-left:70px; }
	.myIdeaHead ol li.step2 dl	{ padding-left:110px; background:url('/global/images/mypage/ico_idea2.gif') no-repeat 0 0; }
	.myIdeaHead ol li.step3	{ margin-left:57px; background:none; }
	
.adoptArea	{ position:absolute; right:10px; top:0; }
	.adoptArea span	{ display:inline-block; margin-right:10px; padding-right:10px; font-size:13px; color:#333; background:url('/global/images/common/division2.gif') no-repeat 100% center; vertical-align:bottom; }

/********** 통합검색 **********/
.searchWrap	{}
.searchHead	{ padding:52px 100px 35px 95px; border:1px solid #ddd; }
	.searchHead fieldset	{ position:relative; width:931px; padding-left:134px; overflow:hidden; }
	.searchHead span.tit	{ position:absolute; left:0; top:9px; display:block; }
	.searchHead input[type=text]{ width:720px; height:26px; line-height:26px; color:#252525; border:7px solid #c70752; vertical-align:top; }
	.searchHead .btnType4	{ width:73px; height:38px !important; padding:0 !important; line-height:38px !important; vertical-align:top; }
	.searchHead dl	{ padding:7px 0 0 134px; *zoom:1; }
	.searchHead dl:after	{ content:""; display:block; clear:both; }
	.searchHead dt	{ float:left; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:13px; line-height:20px; }
	.searchHead dd	{ float:left; line-height:20px; overflow:hidden; }
	.searchHead dd span	{ display:inline-block; float:left; padding:0 10px; font-size:13px; color:#757575; background:url('/global/images/common/division2.gif') no-repeat 100% center; vertical-align:bottom; }
.searchResult	{ padding:75px 0; text-align:center; }
.searchResult p.tit	{ font-size:42px; color:#000; line-height:42px; letter-spacing:-1px; }
.searchResult .txt	{ display:inline-block; margin-top:20px; padding:10px 10px 0; font-size:13px; border-top:1px solid #dcdcdc; }

.searchCont .section	{ position:relative; padding-bottom:180px; }
	#contArea .searchCont .section h2	{ height:77px; padding:0; border-top:1px solid #dcdcdc; background:none; }
	.searchCont .section h2 strong	{ display:inline-block; margin-top:-1px; padding:15px 10px 0 0; font-size:25px; color:#000; border-top:4px solid #000; }
	.searchCont .section h2 span	{ display:inline-block; padding-left:10px; font-weight:normal; font-family:LGSmHaR, nGothic, dotum, gulim; font-size:16px; }
	.searchCont .section h2.bn strong	{ border-top:none; }
	.searchCont .section .listTypeA	{ border:0; margin:-30px 0; }
	.searchCont .section .listTypeA li div.cont-thumb	{ width:850px; }
	.searchCont .section p.rBtn	{ position:absolute; right:0; top:17px; }
	.searchCont .section .reviewArea	{ padding:0; border:none; }

/* 검색-후기 리스트 */
.reviewList2	{ position:relative; *zoom:1; }
.reviewList2:after	{ content:""; display:block; clear:both; }
	.reviewList2 li	{ float:left; width:230px; margin:0 2px 2px 0; background:url('/global/images/common/bg_box_bot.gif') no-repeat left bottom; }
	.reviewList2 li .bgWrap	{ padding:3px 7px 20px 5px; background:url('/global/images/common/bg_box_top.gif') no-repeat left top; }
	.reviewList2 div.cont	{ margin:0 10px; }
	.reviewList2 h3	{ padding:15px 0 10px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:20px; color:#191919; border-bottom:1px solid #efefef; }
	.reviewList2 dl	{ padding:15px 0 0; }
	.reviewList2 dl dt	{ font-size:16px; }
	.reviewList2 dl dd	{ padding-top:5px; font-size:13px; }
	.reviewList2 dl dd.user	{ padding-top:20px; font-size:12px; color:#383838; }

/* 로그인 */
.loginWrap	{ width:474px; border-top:4px solid #4c4c4c; }
.loginHead	{ position:relative; height:106px; background:#737373; overflow:hidden; text-align:center; }
.loginCont	{ position:relative; height:161px; padding:30px 117px 0 40px; }
	.loginCont dl	{ min-width:327px; margin-top:6px; *zoom:1; }
	.loginCont dl.first	{ margin-top:0; }
	.loginCont dl:after	{ content:""; display:block; clear:both; }
	.loginCont dl dt	{ float:left; width:68px; padding-left:7px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:13px; color:#454545; line-height:33px; background:url('/global/images/common/blt1.gif') no-repeat left center; }
	.loginCont dl dd	{ float:left; }
	.loginCont dl dd input[type="text"],
	.loginCont dl dd input[type="password"]	{ width:220px; }
	.loginCont .submit	{ position:absolute; right:25px; top:30px;  }
	.loginCont .btnArea	{ margin-right:-117px; padding:40px 0 0 35px; text-align:left; }
	.loginCont .btnArea a.btnType1	{ width:97px; padding:0; }
.loginFoot	{ height:52px; border-top:1px solid #ebebeb; }
	.loginFoot p.text	{ margin:7px 0 0 25px; padding:0 0 0 20px; font-size:12px; line-height:18px; color:#757575; background:url('/global/images/common/ico_caution.gif') no-repeat left 3px; }

/* 제품 검색 */
.pdtSrchWrap	{ padding:15px; }
.pdtSrchWrap h1	{ height:34px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:26px; color:#000; border-bottom:1px solid #000; }
.pdtSrchWrap .btnArea	{ padding-top:15px; }
.pdtSrchWrap .paging	{ padding-top:20px; }
.pdtSrchWrap .btnType3,
.pdtSrchWrap .btnType3	{ width:97px !important; height:28px !important; padding:0 !important; line-height:28px !important; }
	.pdtSrchCont	{ padding:10px 0 0; }
	.pdtSrchCont p.txt	{ height:33px; }
	.pdtSrchCont .pdtSrchList	{ *zoom:1; }
	.pdtSrchCont .pdtSrchList:after	{ content:""; display:block; clear:both; }
	.pdtSrchCont .pdtSrchList li	{ float:left; width:133px; height:225px; margin-right:15px; text-align:center; overflow:hidden; }
	.pdtSrchCont .pdtSrchList li.last	{ margin-right:0 !important; }
	.pdtSrchCont .pdtSrchList li img	{ width:131px; height:131px; border:1px solid #f0f0f0; }
	.pdtSrchCont .pdtSrchList li input[type=radio]{ margin-top:5px; }
	.pdtSrchCont .pdtSrchList li span.cont	{ display:block; padding-top:5px; font-size:12px; color:#555; line-height:16px; text-align:center; }
	.pdtSrchCont .pdtSrchList li.none	{ float:none; width:100%; height:auto !important; margin-right:0; padding:30px 0;}


/********** 서브 인덱스 **********/
.subIndex #location	{ display:none; }
.subIndex #headArea	{ height:478px; padding-top:0; border:none; margin-top: 130px;}
	.subIndex #headArea .cont	{ width:1200px; margin:0 auto; padding:102px 0 0 0; }
	.subIndex #headArea .cont *	{ color:#333; }
	/*.subIndex #headArea h1	{ float:none; padding:62px 0 0 35px; font-size:56px; line-height:96px; letter-spacing:-1px; }*/
	.subIndex #headArea h1	{ float:none; padding:90px 0 0 25px; font-size:56px; line-height:96px; letter-spacing:-1px; }
	.subIndex #headArea h1.titleWordWrap {line-height:60px;}
	.subIndex #headArea p.slogan	{ float:none; padding:23px 0 0 35px; font-size:18px; line-height:25px; background:url('/global/images/common/bg_tit2.gif') no-repeat 35px top; letter-spacing:-1px; }
	.subIndex #headArea p.slogan strong	{  }
.subIndex #container	{ padding-top:60px; }
.subIndex #contArea	{ float:none; width:100%; }

/* 서브 인덱스 상단 비주얼 */
.headArea6	{ background:url('/global/images/visual/visual_6.jpg') no-repeat center top; }
.headArea6 h1,
.headArea6 p.slogan,
.headArea6 p.slogan strong	{ color:#fff !important; }
.headArea6 p.slogan	{ background:url('/global/images/common/bg_tit3.gif') no-repeat 35px top !important; }
.headArea7	{ background:url('/global/images/visual/visual_7.jpg') no-repeat center top; }
.headArea8	{ background:url('/global/images/visual/visual_8.jpg') no-repeat center top; }
.headArea9	{ background:url('/global/images/visual/visual_9.jpg') no-repeat center top; }
.headArea10	{ background:url('/global/images/visual/visual_10.jpg') no-repeat center top; }
.headArea11	{ background:url('/global/images/visual/visual_11.jpg') no-repeat center top; }
.headArea12	{ background:url('/global/images/visual/visual_12.jpg') no-repeat center top; }

#contArea .subIndexWrap h2	{ padding:15px 0 0; font-weight:normal; font-family:LGSmHaR, nGothic, dotum, gulim; font-size:38px; line-height:40px; background:none; }
.subIndexWrap	{ *zoom:1; }
.subIndexWrap:after	{ content:""; display:block; clear:both; }
	.subIndexWrap h3	{ padding:20px 0 10px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:24px; color:#333; line-height:30px; letter-spacing:-1px; }
	.subIndexWrap>div	{ position:relative; }
	
	.subIndexWrap div.half .section>li	{ float:left; width:100%; padding:0 0 30px; }
	.subIndexWrap div.half .section	{ border-top:1px solid #cacaca; *zoom:1; }
	.subIndexWrap div.half .section:after	{ content:""; display:block; clear:both; }
	.subIndexWrap div.half .section>li	{ float:left; width:100%; padding:0 0 30px; }
	.subIndexWrap div.half .section>li p.text	{ min-height:60px; line-height:22px; }
	.subIndexWrap div.half .section>li p.text2	{ line-height:22px; }
	.subIndexWrap div.half .section>li p.btn	{ padding-top:20px; text-align:right; }
	.subIndexWrap div.half .section>li div	{ margin:0 19px 0 20px; padding:0 0 0 8px; border-top:1px solid #cacaca; }
	.subIndexWrap div.half .section>li.first div	{ margin-left:0; }
	.subIndexWrap div.half .section>li.last div	{ margin-right:1px; }
	
	.subIndexWrap div.fl	{ width:326px; }
	.subIndexWrap div.fl p.text	{ padding:20px 0; font-size:16px; line-height:24px; word-spacing:-1px; }
	.subIndexWrap div.fl p.text-line	{ margin-bottom:25px; padding:20px 0 50px; border-bottom:1px solid #cacaca; }
	.subIndexWrap div.fl p.btn	{ position:absolute; right:0; top:22px; }
	.subIndexWrap div.fr	{ width:786px; }
	
	.subIndexWrap div.fr .section	{ border-top:1px solid #cacaca; *zoom:1; }
	.subIndexWrap div.fr .section:after	{ content:""; display:block; clear:both; }
	.subIndexWrap div.fr .section>li	{ float:left; width:100%; padding:0 0 30px; }
	.subIndexWrap div.fr .section>li p.text	{ min-height:60px; line-height:22px; }
	.subIndexWrap div.fr .section>li p.text2	{ line-height:22px; }
	.subIndexWrap div.fr .section>li p.btn	{ padding-top:20px; text-align:right; }
	.subIndexWrap div.fr .section>li div	{ margin:0 19px 0 20px; padding:0 0 0 8px; border-top:1px solid #cacaca; }
	.subIndexWrap div.fr .section>li.first div	{ margin-left:0; }
	.subIndexWrap div.fr .section>li.last div	{ margin-right:1px; }
	.subIndexWrap div.fr .section>li.last div.microDiv{position:relative;}
	.subIndexWrap div.fr .section>li.last div.microDiv .btn{padding:0;}
		
	dl.contNav	{ margin-top:20px; *zoom:1; }
	dl.contNav:after	{ content:""; display:block; clear:both; }
	dl.contNav dd	{line-height:28px; }
	dl.contNav dd a	{ display:inline-block; padding-left:23px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:15px; color:#333; background:url('/global/images/common/blt8.gif') no-repeat 0 center; letter-spacing:-1px; }
	
	dl.contNav2	{ margin-top:20px; *zoom:1; }
	dl.contNav2:after	{ content:""; display:block; clear:both; }
	dl.contNav2 dd	{ line-height:28px; }
	dl.contNav2 dd a	{ display:inline-block; padding-left:15px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:15px; color:#454545; background:url('/global/images/common/blt7.gif') no-repeat 0 center; letter-spacing:-1px; }

.contNum2>li,
.contNum2>dd	{ width:50% !important; }
	
.contNum2>li:first-child,
.contNum2>dd:first-child	{ width:49.5% !important; }

.contNum3>li,
.contNum3>dd	{ width:33.3% !important; }
.contNum4>li,
.contNum4>dd	{ width:25% !important; }
.contNum4>dd:first-child	{ width:24.5% !important; }

/*  뉴스 인덱스 */
#contArea .newsIndexHead h2,
#contArea .newsIndexCont h2,
#contArea .newsIndexFoot h2	{ height:40px; padding:0; font-size:24px; line-height:30px; background:none; }

.newsIndexHead,	
.newsIndexCont	{ position:relative; *zoom:1; }
.newsIndexHead:after,
.newsIndexCont:after	{ content:""; display:block; clear:both; }

.newsIndexHead	{ min-height:349px; padding:0 0 60px; }
.newsIndexHead div.fr	{ width:510px; } /* 380px */
.newsIndexHead div.fr div.thum	{ position:relative; margin-bottom:25px; }
.newsIndexHead div.fr div.thum a	{ display:block; }
.newsIndexHead div.fr div.thum img	{ position:absolute; left:0; top:0; }
.newsIndexHead div.fr div.thum strong	{ display:block; height:130px; font-size:18px; line-height:26px; color:#c70953; padding:0 0 0 208px; letter-spacing:-1px; overflow:hidden; }
.newsIndexHead div.fr div.thum p	{ padding-top:10px; font-size:13px; line-height:20px; }
.newsIndexHead div.fr div.thum span.date	{ display:block; padding-top:10px; font-size:11px; }
.newsIndexHead div.fr ul	{ padding-top:20px; border-top:1px solid #f1f1f1; }
.newsIndexHead div.fr ul li	{ position:relative; padding:0 70px 0 10px; line-height:26px; background:url('/global/images/common/blt1.gif') no-repeat 0 10px; vertical-align:top; }
.newsIndexHead div.fr ul li a	{ display:block; color:#333 !important; }
.newsIndexHead div.fr ul li span.date	{ position:absolute; right:0; top:50%; font-size:12px; margin-top:-13px; }

.newsVisual	{ position:relative; float:left; width:600px;  overflow-x:hidden; }

.eventBannArea	{ width:100%; text-align:center}
.eventBannArea h4	{ position: relative;  display:inline-block; width:18px; height:18px; z-index:10; overflow: hidden; padding:0; line-height:18px; margin-top:360px;}
.eventBannArea h4 a	{ display: inline-block; width: 18px; height: 18px; font-size: 0; line-height: 0; padding:0; margin:0; background-image: url('/global/images/main/btn.gif'); background-repeat: no-repeat; background-position: 0 -18px; vertical-align:top; overflow: hidden;}
.eventBannArea h4.on a	{background-position: 0 0;}
	.eventBann	{position:absolute; left:0; top:0;  width:100% !important; height:349px;}
	.eventBann .cont a	{ display:block; }
	.eventBann img	{ width:600px; height:349px; }


.newsIndexCont	{ padding:40px 0 0; border-top:1px solid #cacaca; }
.newsIndexCont div.fl	{ position:relative; width:549px; min-height:175px; padding-right:28px; border-right:1px solid #f1f1f1; }
.newsIndexCont div.fl p.btn	{ right:28px !important; }
.newsIndexCont div.fr	{ position:relative; width:551px; min-height:175px; }
.newsIndexCont p.thum	{ position:relative; float:left; width:186px; height:130px; }
.newsIndexCont p.thum span	{ display:block; position:absolute; left:0; bottom:0; z-index:2; width:176px; height:28px; padding:0 5px; font-size:13px; color:#fff; line-height:28px; background:url('/global/images/common/bg_png.png') repeat; overflow:hidden; text-align:center; }
.newsIndexCont ul	{ float:right; width:344px; }
.newsIndexCont ul li	{ height:27px; line-height:27px; overflow:hidden; }

.newsIndexHead p.btn,
.newsIndexCont p.btn,
.newsIndexFoot p.btn	{ position:absolute; right:0; top:0; }

.newsIndexFoot	{ position:relative; padding:40px 0 60px; border-top:1px solid #cacaca; }
.newsIndexFoot p.btn	{ top:40px !important; }
.newsIndexFoot ul	{ *zoom:1; }
.newsIndexFoot ul:after	{ content:""; display:block; clear:both; }
.newsIndexFoot ul li	{ float:left; width:196px; margin-left:44px; }
.newsIndexFoot ul li:first-child	{ margin-left:0; }
.newsIndexFoot ul li a	{ display:block; }
.newsIndexFoot ul li p.thum	{ position:relative; width:196px; height:138px; }
.newsIndexFoot ul li p.thum img	{ width:100%; height:100%; }
.newsIndexFoot ul li p.thum span	{ display:block; position:absolute; left:6px; bottom:5px; width:34px; height:34px; background:url('/global/images/news/ico_play.png') no-repeat left top; }
.newsIndexFoot ul li p.cont	{ padding-top:8px; line-height:22px; text-align:center; }
.newsIndexFoot ul li p.cont strong,
.newsIndexFoot ul li p.cont span	{ display:block; color:#454545; }

/* 뉴스 상세 */
.cfMore	{ position:relative; padding:21px 0 26px; border-bottom:1px solid #e2e2e2; }
.cfMore h3 	{ padding-bottom:18px; font-size:17px; color:#252525;  }
.cfMore .cfMoreList	{ position:absolute; left:-38px; top:0; width:900px; height:168px;  }
.cfMore .cfMoreList ul	{ *zoom:1; height:268px;  }
.cfMore .cfMoreList ul:after	{ content:""; display:block; clear:both; }
.cfMore .cfMoreList ul li	{ float:left; width:196px; padding-right:38px; }
.cfMore .cfMoreList ul li:first-child	{ margin-left:0; }
.cfMore .cfMoreList ul li a	{ display:block; }
.cfMore .cfMoreList ul li p.thum	{ position:relative; width:196px; height:138px; }
.cfMore .cfMoreList ul li p.thum img	{ width:100%; height:100%; }
.cfMore .cfMoreList ul li p.thum span	{ display:block; position:absolute; left:6px; bottom:5px; width:34px; height:34px; background:url('/global/images/news/ico_play.png') no-repeat left top; }
.cfMore .cfMoreList ul li p.cont	{ padding-top:8px; line-height:22px; text-align:center; }
.cfMore .cfMoreList ul li p.cont strong,
.cfMore .cfMoreList ul li p.cont span	{ display:block; color:#454545; }
.cfMore .btnArea	{ position:absolute; right:0; top:-18px; }

/* 회사소개 인덱스 */
.companyIndexCont .section li p.text-bg	{ min-height:68px !important; padding-left:93px; background:url('/global/images/company/ico_ci.jpg') no-repeat left top; }
.companyIndexCont .section li dl.contNav2	{ margin-top:39px !important; }
.companyIndexCont .section li dl.contNav2 dd	{ width:160px !important; }
.companyIndexCont .section li dl.contNav2 dd.fr	{ width:185px !important; }
.companyIndexCont div.fr .section>li p.btn { padding-top: 94px;}
.companyIndexCont div.fr .section	{ padding-top: 23px; padding-bottom: 0; }
.companyIndexCont div.fr .section>li	{ padding: 0 }
 
 #contArea .subIndexWrap.companyIndexCont h2.t2 { padding-top: 28px; margin-top: 40px; border-top: 1px solid  #cacaca; }


/* 정도경영 인덱스 */
ul.rightNav	{ padding:15px 0 0; *zoom:1; }
	ul.rightNav:after	{ content:""; display:block; clear:both; }
	ul.rightNav li	{ float:left; }
	ul.rightNav li p	{ min-height:60px; margin:0 22px; padding:22px 0 0 103px; }
	ul.rightNav li a	{ display:block; padding:0 0 0 13px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:15px; color:#454545; background:url('/global/images/common/blt7.gif') no-repeat 0 center; }
	ul.rightNav li.r01 p	{ margin-left:14px; background:url('/global/images/right/ico_right.gif') no-repeat 0 0; }
	ul.rightNav li.r02 p	{ margin-right:14px; background:url('/global/images/right/ico_right2.gif') no-repeat 0 0; }

.rightIndexCont2	{ *zoom:1; }
.rightIndexCont2:after	{ content:""; display:block; clear:both; }
.rightIndexCont2>div	{ width:354px !important; padding:0 8px 0; border-top:1px solid #cacaca; text-align:right; }
.rightIndexCont2 div.first	{ float:left; }
.rightIndexCont2 div.last	{ float:right; }
.rightIndexCont2>div h3,
.rightIndexCont2>div p	{ text-align:left; }
.rightIndexCont2>div p	{ height:90px; line-height:22px; }

/* 지속가능경영 인덱스 */
#contArea  .manageIndexCont h2 {padding-bottom:20px;}
/*.manageIndexCont div.fl dl.contNav dd.first	{ width:200px !important; }*/
/*.manageIndexCont div.fl dl.contNav dd.last	{ width:126px !important; }*/
/*.manageIndexCont .section li p.text-bg	{ min-height:65px !important; padding-left:92px; background:url('/global/images/manage/ico_manage.gif') no-repeat left top; }*/
.manageIndexCont .microDiv p.text-bg	{display: inline-block; vertical-align: middle; min-height:66px !important; padding-left:82px; padding-top: 4px; line-height: 22px; font-size: 16px; color: #888888; background:url('/global/images/manage/ico_manage.gif') no-repeat left top; }

.manageIndexCont .btnArea {padding-top: 18px; padding-right: 16px;}
.manageIndexCont .download_btn {display: flex; align-items: center; justify-content: space-between; width: 238px; height: 46px; float: right; border: 1px solid #888; border-radius: 52px; box-sizing: border-box; padding: 0 27px; font-family: LGSmHaTR; font-size: 18px; line-height: 23.4px; font-weight: 600; color: #888; transition: all 0.2s ease-in-out;}
.manageIndexCont .download_btn:hover {background: #333; border-color: #333; color: #fff;}
.manageIndexCont .download_btn span {height: 20px;}
.manageIndexCont .download_btn:hover svg path {stroke: #ffffff; color: #ffffff;}

/* 투자정보 인덱스 */
.irIndexCont .section li p.text-bg	{ min-height:66px !important; padding-left:93px; background:url('/global/images/ir/ico_ir.gif') no-repeat left top; }
.irIndexCont .section li p.text-bg2	{ min-height:66px !important; padding-left:93px; background:url('/global/images/ir/ico_ir_disclosure.gif') no-repeat 10px 5px; }
.irIndexCont .irContNum3>dd {padding-left: 50px;; float: left;}
.irIndexCont .irContNum3>dd.first {padding-left: 0;}
.irIndexCont .section p.announcement	{ position:absolute; right:11px; top:20px; }

/* 채용안내 인덱스 */
.recruitIndexCont	{  }
	.recruitIndexCont li dl dd.fr	{ width:88px; }

/* 고객센터 인덱스 */
/*.cusIndexWrap	{ margin-top:-60px; }*/
.cusIndexWrap h3	{ padding:0 0 10px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:24px; color:#333; line-height:30px; }

.cusIndexCont	{ position:relative; height:99px; padding:54px 0 0 182px; border-bottom:1px solid #cacaca; *zoom:1; }
.cusIndexCont:after	{ content:""; display:block; clear:both; }
.cusIndexCont h3	{ position:absolute; left:0; top:71px; padding:0; }
.cusIndexCont ul li	{ float:left; width:16.6%; min-height:60px; line-height:60px; }
.cusIndexCont ul li a	{ display:inline-block; padding-left:56px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; color:#333;  }
.cusIndexCont ul li.q01 a	{ background:url('/global/images/customer/ico_customer1.gif') no-repeat left bottom; padding-left:60px; }
.cusIndexCont ul li.q02 a	{ background:url('/global/images/customer/ico_customer2.gif') no-repeat left center; padding-left:34px;}
.cusIndexCont ul li.q03 a	{ background:url('/global/images/customer/ico_customer3.gif') no-repeat left center;  padding-left:43px;}
.cusIndexCont ul li.q04 a	{ background:url('/global/images/customer/ico_customer4.gif') no-repeat left center;  padding-left:37px;}
.cusIndexCont ul li.q05 a	{ background:url('/global/images/customer/ico_customer5.gif') no-repeat left center;  padding-left:54px;}
.cusIndexCont ul li.q06 a	{ background:url('/global/images/customer/ico_customer6.gif') no-repeat left center;  padding-left:71px;}

.cusIndexCont2	{ padding:40px 0 0; *zoom:1; }
.cusIndexCont2:after	{ content:""; display:block; clear:both; }
.cusIndexCont2 div.fl	{ width:730px; }
.cusIndexCont2 div.fr	{ width:370px; }

.qnaSrchArea	{ position:relative; min-height:126px; }
.qnaSrchArea fieldset	{  }
	.qnaSrchArea fieldset select	{ width:135px; }
	.qnaSrchArea fieldset input[type=text]	{ width:460px; vertical-align:top; }
	.qnaSrchArea fieldset input[type=image]	{ vertical-align:top; }

.qnaBestArea	{}
.tabWrap	{ position:relative; min-height:296px; }
	.tabWrap p.btn	{ position:absolute; right:0; top:-80px; }
	.tabWrap h4	{ float:left; width:20%; height:35px; text-align:center; }
	.tabWrap h4 a	{ position:relative; display:block; height:33px; margin:0 -1px; font-size:13px; color:#454545 !important; line-height:33px; border:1px solid #333; border-bottom:1px solid #c90654; background:#f6f6f6; }
	.tabWrap h4.on a	{ z-index:2; color:#c90654 !important; border:1px solid #c90654; border-bottom:1px solid #fff; background:#fff; }
	.tabWrap .content	{ position:absolute; left:0; top:45px; width:100%; }
	.tabWrap .content ul	{ }
	.tabWrap .content ul li	{ height:36px; line-height:36px; border-bottom:1px solid #f1f1f1; }
	
.myQnaList	{ position:relative; min-height:63px; padding:30px 0 0 105px; border-top:1px solid #cacaca; background:url('/global/images/customer/ico_myQna.gif') no-repeat 0 30px; }
.myQnaList p.btn	{ position:absolute; right:0; bottom:0; }

.noticeArea	{ position:relative; min-height:214px; padding:0 2px 0 8px; border-bottom:1px solid #cacaca; }
.noticeArea p.btn	{ position:absolute; right:2px; top:0; }
.noticeArea ul li	{ position:relative; padding-right:70px; line-height:26px; vertical-align:top; }
.noticeArea ul li a	{ display:block; }
.noticeArea ul li span.date	{ position:absolute; right:0; top:50%; font-size:12px; margin-top:-13px; }
.noticeArea ul li.none	{ padding:0; text-align:center; }

.customerMsdsArea	{ position:relative; padding:40px 2px 0 8px; }
	.customerMsdsArea p.btn	{ position:absolute; right:2px; bottom:0; }
	.customerMsdsArea .cont	{ min-height:100px; padding:0 0 0 132px; background:url('/global/images/customer/index_msds.gif') no-repeat left top; }
	.customerMsdsArea .cont p.text	{ padding:10px 0 0; line-height:22px; }

.custoInfo	{ margin-top:33px; padding: 20px 20px 5px; background:#f6f6f6; }
	.custoInfo p.txt	{ height:35px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:13px; }
	.custoInfo dl	{ padding-bottom:15px; *zoom:1; }
	.custoInfo dl:after	{ content:""; display:block; clear:both; }
	.custoInfo dl dt	{ float:left; width:95px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; color:#333; }
	.custoInfo dl dt strong	{ font-size:18px; color:#333; line-height:30px; }
	.custoInfo dl dd	{ float:right; width:235px; font-size:13px; line-height:22px; }
	.custoInfo dl dd strong	{ font-size:28px; line-height:30px; }
	
	
.contactUsPart {*zoom:1; width: 950px; margin: 0 auto;}
.contactUsPart:after {content:""; display:block; clear:both;}
.contactUsPart li {padding:28px 0 0 100px; height:290px; width:320px; float:right; border-top:1px solid #dcdcdc}
.contactUsPart li strong {font-size:22px; line-height:24px; color:#333333;	}
.contactUsPart li p {padding-top:15px; font-size:13px; line-height:20px; color:#666666;	}
.contactUsPart li.part1 {float:left; background:url("/global/images/common/ico_contactUs1.png") no-repeat 15px 28px; }
.contactUsPart li.part2 {background:url("/global/images/common/ico_contactUs2.png") no-repeat 15px 28px; }
.contactUsPart li.part3 {float:left; background:url("/global/images/common/ico_contactUs3.png") no-repeat 15px 28px; }
.contactUsPart li.part4 {background:url("/global/images/common/ico_contactUs4.png") no-repeat 15px 28px; }
.contactUsPart li.part5 {float:left; background:url("/global/images/common/ico_contactUs5.png") no-repeat 15px 28px; }
.contactUsPart li.part6 {background:url("/global/images/common/ico_contactUs6.png") no-repeat 15px 28px; }

.contactUsTel { padding:25px 0 25px 118px;; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; background:#f8f8f8;}
.contactUsTel strong {font-size:20px; color:#333333; display:block;}
.contactUsTel ul {padding-top:15px; *zoom:1;}
.contactUsTel ul:after {content:""; display:block; clear:both;}
.contactUsTel ul li {float:left; margin-left:45px; font-size:13px; color:#666666; padding-left:10px; background:url("/global/images/common/blt10.gif") no-repeat left 6px; letter-spacing:-1px;}
.contactUsTel ul li:first-child {margin-left:0;}
.contactUsPart li p .customerP{padding-left:8px;}

/* i-Connect 인덱스 */
*#contArea .iconnectIndex h2	{ height:40px; padding:0; font-size:24px; line-height:30px; background:none; }

.iconnectIndex	{}
.iconnectIndexHead	{ padding-bottom:22px; overflow:hidden; }
.iconnectIndexHead div.fl	{ position:relative; width:442px; height:287px; padding-left:287px; background:url('/images/iconnect/bg_idea.jpg') no-repeat 0 0; }
.iconnectIndexHead div.fl .ideaCont	{}
.iconnectIndexHead div.fl p.tit	{ height:44px; font-size:18px; color:#454545; padding-bottom:25px; }
.iconnectIndexHead div.fl p.text	{ line-height:20px; }
.iconnectIndexHead div.fl p.ideaBtn	{ position:absolute; left:287px; bottom:0; }
.iconnectIndexHead div.fr	{ width:380px; }
.iconnectIndexHead div.fr .scrutiny	{ height:170px; padding:40px 0 20px 20px; background:#f1f1f1; }
.iconnectIndexHead div.fr .scrutiny p.text	{ color:#454545; line-height:22px; }
.iconnectIndexHead div.fr .scrutiny ul	{ height:98px; margin-top:25px; padding-left:104px; background:url('/images/iconnect/ico_scrutiny.gif') no-repeat 0 20px; }
.iconnectIndexHead div.fr .scrutiny ul li	{ font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:13px; line-height:18px; background:url('/images/common/division3.gif') no-repeat 0 50%; padding: 5px 0 5px 20px; }
.iconnectIndexHead div.fr .scrutiny ul li a	{ display:block; padding-left:14px; word-spacing:-2px; }

.iconnectIndexCont	{ padding:40px 0 60px; border-top:1px solid #cacaca; *zoom:1;}
.iconnectIndexCont.first { border-top:none; padding-top: 0;}
.iconnectIndexCont:after	{ content:""; display:block; clear:both; }
.iconnectIndexCont div.fl	{ position:relative; width:550px; min-height:175px; padding-right:28px; border-right:1px solid #f1f1f1; }
.iconnectIndexCont div.fl p.btn	{ right:28px !important; }
.iconnectIndexCont div.fr	{ position:relative; width:549px; min-height:175px; }
.iconnectIndexCont ul	{}
.iconnectIndexCont ul li	{ position:relative; height:27px; line-height:27px; overflow:hidden; }
.iconnectIndexCont ul li span.txt {display: block; width: 280px;}
.iconnectIndexCont ul li span.date	{ position:absolute; right:0; top:50%; font-size:12px; margin-top:-13px; }
.iconnectIndexCont .contNav2 dd {float: left; margin-right: 31px;}

.iconnectIndexCont .caseArea	{ overflow:hidden; }
.iconnectIndexCont .caseArea p.thum	{ position:relative; float:left; width:186px; height:130px; }
.iconnectIndexCont .caseArea p.thum span	{ display:block; position:absolute; left:0; bottom:0; z-index:2; width:176px; height:28px; padding:0 5px; font-size:13px; color:#fff; line-height:28px; background:url('/images/common/bg_png.png') repeat; overflow:hidden; text-align:center; }
.iconnectIndexCont .caseArea p.thum img	{ width:186px; height:130px; }
.iconnectIndexCont .caseCont	{ float:right; width:345px; }
.iconnectIndexCont .caseCont h3	{ padding:5px 0 13px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:18px; color:#333; }
.iconnectIndexCont .caseCont a	{ display:block; }
.iconnectIndexCont .caseCont p.text	{ height:62px; padding-bottom:15px; font-size:12px; line-height:22px; overflow:hidden; }
.iconnectIndexCont .caseCont p.info	{ padding:0 0 0 6px; color:#131313; }
.iconnectIndexCont .caseCont p.info strong	{ padding-left:24px; font-weight:normal; font-family:nGothic; background:url('/images/common/ico_proposer.gif') no-repeat 0 0; }
.iconnectIndexCont .qnaCont	{ position:relative; height:87px; padding:0 0 0 100px; line-height:26px; background:url('/images/iconnect/ico_qna.jpg') no-repeat 0 0; }
.iconnectIndexCont .qnaCont strong	{ font-size:18px; }
.iconnectIndexCont .qnaCont p.viewBtn	{ position:absolute; right:0; bottom:0; }
.iconnectIndexCont p.btn	{ position:absolute; right:0; top:0; }

.cu_proCont { position:relative; padding:0 7px; margin-bottom:11px; width:700px; } 
#proShop 	{ position:absolute; left:6px; top:65px; padding:5px 20px 10px; border:3px solid #bbb; background:#fff; z-index:2; }
#proShop p.bgn 	{ border:none; }
#proShop p.tit 	{ padding:15px 0 12px; margin:0; }
#proShop ul 	{ width:480px; padding:0 0 10px; margin:0 0 0 -10px; overflow:hidden; list-style:none; } /*640*/
#proShop ul.online 	{  border-bottom:1px dashed #dadada; }
#proShop ul li 	{ display:inline; float:left; width:150px; height:65px; padding:0; margin:0 0 10px 10px; list-style:none; }
#proShop .btnClose 	{ position:absolute; right:6px; top:6px; }

.ideaArea .agreeArea .agreeCont p {padding-bottom: 15px;}

/********** _ popup **********/
/*#popWrap	{ width:100%; }*/
#popWrap	{ max-width: 1000px; min-width: 485px;}
#popContainer	{}
#popContainer p { padding-bottom:0; line-height: 19px;}
#popContainer .brief {padding-bottom: 50px; line-height: 21px; font-size: 19px; font-weight: bold; color: #454545;}

.popHeader {position:relative; height:106px; border-top:4px solid #4c4c4c; background:#737373; overflow:hidden;} 
.popHeader h1 {position:absolute; font-size:54px; line-height:60px; color:#fff; bottom:-9px; left:40px;}
.popFooter {position: relative; height: 50px; border-bottom: 4px solid #4c4c4c; background: #737373; overflow: hidden;}
.popParagraph {padding:40px 40px;}
.popParagraph h2 {padding:12px 0 15px; font-family:LGSmHaR, LGSmHaR, dotum, gulim; font-size:22px; color:#454545; background:url('/global/images/common/bg_tit.gif') no-repeat left top; }