@charset "euc-kr";
@import url("default.css");
@import url("common.css");
@import url("layout.css");
@import url("style.css"); /* news/beauty/view.jsp style */
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.min.css");

/* ¸ÞÀÎ */
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;}
#mainVisualArea a.btnPause {position:absolute; right:70px; top:302px; z-index:15;}
#mainVisualArea a.btnPlay {position:absolute; right:70px; top:302px; z-index:15;}
#visualSection1 {display:none; position:absolute; top:0; width:100%; height:640px; overflow:hidden; background:#fff;}
#visualSection1 div strong {position:absolute; font-size:54px; line-height:60px; font-weight:normal;}
#visualSection1 div strong span {display:block;  font-size:20px; line-height:20px; padding:0 10px 5px; font-family:LGSmHaR;}
#visualSection1 {position:absolute; top:0; width:100%; height:640px; overflow:hidden; background:#fff;}
#visualSection1 div strong {position:absolute; font-size:54px; line-height:60px; font-weight:normal;}
#visualSection1 div strong span {display:block;  font-size:20px; line-height:20px; padding:0 10px 5px; font-family:nGothic, "????";}
#visualSection1 .visual1_1 strong { left:580px; top:250px; color:#122000;}
#visualSection1 .visual1_2 strong {right:321px; top:250px; color:#87065f; text-align:right;}
#visualSection1 .visual1_3 strong {left:665px; top:427px; color:#d8121b;}
#visualSection1 .visual1_c p {display:inline-block; vertical-align:middle; line-height:16px; color:#fff; padding-left:90px; font-size:20px; line-height:30px; font-family:LGSmHaR;}

.visualBann {display:none; position:absolute; top:0; width:100%; height:640px; overflow:hidden;}
.visualBann .visual_1 {position:absolute; left:50%; top:0;  margin-top:270px; margin-left:-360px; width:720px; height:270px; background-repeat:no-repeat; background-position:50% 0; z-index:8;}
.visualBann .visual_2 {position:absolute; left:50%; top:0; margin-left:-1000px; width:2000px; height:640px; background-repeat:no-repeat; background-position:0 0; z-index:7;}

/* ´ëÇлýµðÀÚÀΰø¸ðÀü¹è³Ê */.mainBanner {margin:50px 0 -20px; text-align:center;}

#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 b {font-family:nGothicB, "³ª´®°íµñ"; font-weight:bold; }
#mainContArea .contSection .titArea p {text-align:center; padding:46px 0 20px; font-size:16px; color:#666;}

.esgCont{position: relative; width: 1160px; margin: 0 auto;}
.esgCont > ul{padding:124px; font-size: 0; background: #f8f8f8;}
.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;}
.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;}
.esgCont > ul li > p{width: 100%; height:100%; overflow: hidden;}
.esgCont > ul li img{transition: 0.8s all; max-width: 100%; width: 100%; height: 220px; object-fit: cover;}
.esgCont > ul li.scrOn{opacity: 1; top:0;}
.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:24px; height:24px; margin-right:10px; font-size:0; line-height:0; background-image:url('/images/main/btn.gif'); background-repeat:no-repeat; background-position:0 -24px; 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 p {font-size:16px; line-height:20px; color:#454545; min-height:30px;  padding-bottom:5px;  text-align:center; }
.mainProduct .mainProSlideList li p strong{color:#000;}

.mainReview  .mainBody {padding-top:55px;}
.pressRelease{width:1160px; margin:0 auto;}
.pressRelease .cont{font-size: 0;}
.pressRelease .cont li{position:relative;}
/*.pressRelease .cont .thum:before{content: '+';display:block; position:absolute; left:188px; bottom:0; width:26px; height: 26px; line-height: 26px; font-size:22px; color:#fff; text-align: center; background: #7d7973;}*/
.pressRelease .cont .text{display:inline-block; width:270px; margin:0 20px; vertical-align:top;}
.pressRelease .cont .text strong{display:block; padding:20px 0; font-size:16px; color:#000; border-bottom: 1px solid #000;}
.pressRelease .cont .text p{padding:20px 0 0; line-height: 1.6; min-height:94px;}
.pressRelease .cont .text span{color:#000;}

/*.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; font-family:nGothicB;}
.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('/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('/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;}*/

.container-open	{ padding-top:113px !important; }
#headerWrap	{ position:fixed; z-index:50; width:100%; min-width:1200px; }
#headerWrap #header	{ position:relative !important;  }

#mainPopupWrap	{ position:relative; width:100%; height:0; background:#ffffff; overflow:hidden; }
.mainPopupArea	{ position:relative; width:1160px; margin:0 auto; }
.mainPopupArea p.close	{ position:absolute; right:0; top:83px; font-size:12px; color:#000; }
.mainPopupArea p.close a	{ display:inline-block; margin-left:11px; padding-left:16px; color:#000; line-height:20px; background:url('/images/btn/btn_close.png') no-repeat 0 50%; }
.mainPopupCont	{ text-align:center; }

/********** BRAND **********/
.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:0; left:0; }
.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:868px; top:-197px; }

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

/* ºê·£µå - »ó¼¼ ÆäÀÌÁö */
.bodyDetail #headArea	{ position:relative; min-width: 100%; width: 100%; height: 100%; padding-top:0; border:none; text-align:center;  }
/*.bodyDetail #headArea::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 24%);}*/
.bodyDetail #headArea .visualArea { position: relative; left: 50%; top: 0; transform: translateX(-50%); height: 100%; object-fit: cover;}
.bodyDetail #headArea .visualArea img {height: 640px; width: 100%; object-fit: cover;}
@media (min-width: 1921px) {
	.bodyDetail #headArea .visualArea img {height: 100%;}
}
.bodyDetail #container	{ width:100%; padding-top:0; }
.bodyDetail #contArea	{ width:100%; }

#contArea .brandInfoCont h2,
#contArea .brandNews h2	{ padding:0 0 10px; font-size:25px; font-weight: 500; 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('/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('/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.banner {display: block; width: 504px; margin-top: 13px;}
.brandThumb p.banner img {width: 504px;}
.brandThumb p.btnArea {padding-top:50px;}
.brandThumb p.btnArea a {display:inline-block; width:32px; height:32px; margin: 0 5px;}
.brandThumb p.btnArea a.site {background:url("/images/btn/icon_site.png") no-repeat 0 0; background-size: contain;}
.brandThumb p.btnArea a.facebook {background:url("/images/btn/icon_facebook.png") no-repeat 0 0; background-size: contain;}
.brandThumb p.btnArea a.twitter {background:url("/images/btn/icon_twitter.png") no-repeat 0 0; background-size: contain;}
.brandThumb p.btnArea a.youtube {background:url("/images/btn/icon_youtube.png") no-repeat 0 0; background-size: contain;}
.brandThumb p.btnArea a.shopping {background:url("/images/btn/icon_shop.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.review {background:url("/images/btn/btn_review_off.gif") 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 a:hover,
.brandThumb p.btnArea a:focus{ color:#fff;}
.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:nGothicB; font-weight:bold; 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:nGothic, '³ª´®°íµñ', dotum, gulim; /*background:url('/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("/images/btn/btn_store3_off.gif") no-repeat 0 0;}
.brandInfoCont a.stroe:hover,
.brandInfoCont a.stroe:focus  {background:url("/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.logoTypeA {width:189px; height:110px; line-height:110px; margin-bottom:4px;}
.bestProCont ul.productList .imgBoundary.logoTypeA img { max-width:189px; 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; object-fit: cover;}
.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.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-weight:bold; font-size:18px; color:#000; }
.brandAdCont .fr .caption	{ padding:27px 0 5px; font-weight:bold; font-size:16px; color:#000;  }
.brandAdCont p	{ color:#5a5a5a; line-height:22px; }
.brandAdCont .captionCont	{border:1px solid #ececec; color:#5a5a5a; line-height:20px; height:160px; padding:10px; font-size:12px;  overflow-y:scroll; overflow-x:hidden;}
.brandAdCont .fr .btn	{margin-top: 22px; display: flex; justify-content: space-between;}

.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 img	{ width:190px; height:190px; border:1px solid #f0f0f0; }
.proList li	{ float:left; width:192px; min-height:266px; margin:0 50px 40px 0; }
.proList li a	{ display:block; }
.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; color:#555; line-height:16px; 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('/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('/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; padding-bottom: 20px; box-sizing: border-box;}
.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:nGothicB; font-weight:bold; 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; border-radius: 10px;}
.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; height: 32px; line-height: 32px; font-size: 13px; border: 1px solid #666666; background: #ffffff; border-radius: 20px;}
.proInfoCont .btnType3:hover {background: #666666; color: #ffffff !important;}

.proListArea	{ margin-top:104px !important; }
.proListCont h3	{ position:absolute; left:0; top:-44px; height:44px; font-family:nGothicB; font-weight:bold; font-size:22px; color:#333; }
.proListCont p.btn	{ position:absolute; right:2px; top:-44px; }
.proListCont p.btn a {position: relative; width: 124px; height: 32px; line-height: 32px; border: 0; border-radius: 20px; box-sizing: border-box; padding: 0 20px 0 24px; font-size: 12px; background: #333333 url(/images/common/arr_right_w.png) no-repeat 84% 50%; background-size: 6px; text-align: left;}
.proListCont p.btn a:hover {background: #000000 url(/images/common/arr_right_w.png) no-repeat 84% 50%; background-size: 6px;}
.proSlideArea { position:relative; height:225px; padding:50px 0 40px; }
.proSlideArea .prev	{ position:absolute; left:7px; top:104px; width:25px; height:67px; background:url('/images/btn/btn_prev3.png') no-repeat 0 0; }
.proSlideArea .next	{ position:absolute; right:7px; top:104px; width:25px; height:67px; background:url('/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:nGothicB; font-weight:bold; font-size:20px; color:#000; }

.reviewHead .newReview { float:left; width:218px; }
.reviewHead .newReview h3 { height:35px; padding:6px 0 0 43px; background:url('/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: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:19px; height:19px; margin:467px 10px 0 0; background:url('/images/common/btn.png') no-repeat left -19px; }
.bestReviewArea h4 a	{ display:inline-block; width:19px; height:19px; font-size:0; line-height:0; overflow:hidden; }
.bestReviewArea h4.on	{ background:url('/images/common/btn.png') no-repeat left 0; }
.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('/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('/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:nGothicB; font-weight:bold; 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:nGothicB; font-weight:bold; color:#333; }
.reWriteHead dl dd	{ padding-left:6px; font-size:13px; line-height:20px; background:url('/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 .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:nGothicB; font-weight:bold; 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('/images/common/division2.gif') no-repeat 0 50%; }

/* ¼Ò¼ÈüÇè´Ü */
.testerCont	{  }
.testerSlide	{ width:900px; height:448px; }
.testerSlide .slideCont	{ height:448px; }
.testerSlide .slideCont ul	{ height:448px; }
.testerSlide .slideCont ul li	{ position:relative; }
.testerSlide .prev	{ margin-left:0; }
.testerSlide .next	{ margin-right:0; }

.testerStep	{ padding:50px 0 20px; overflow:hidden; }
.testerStep li	{ float:left; width:163px; height:182px; padding:0 19px 0 43px; background:url('/images/common/arrow.gif') no-repeat 0 50%; }
.testerStep li.first	{ padding:0 19px 0 32px; background:none; }

.layerWrap	{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:50; background:url('/images/common/bg_layer.png') repeat 0 0; }
.layerArea	{ position:absolute; left:50%; top:50%; z-index:99; width:780px; height:840px; margin:-400px 0 0 -390px; background:#fff; }
.layerArea .layerCont	{ position:relative; }
.layerArea .layerCont p.close	{ position:absolute; right:20px; top:25px; }
.layerCont .head	{ height:85px; border-top:4px solid #4c4c4c; background:#737373; }
.layerCont .head p.tit	{ padding:0 0 0 35px; font-family:nGothicB; font-weight:bold; font-size:24px; color:#fff; line-height:85px; }
.layerCont .cont	{ padding:10px 40px 0; }
.layerCont .cont h2	{ margin-top:30px; padding:12px 0 10px; font-family:nGothicB; font-weight:bold; font-size:22px; color:#454545; background:url('/images/common/bg_tit.gif') no-repeat left top; }
.layerCont .cont h2.first	{ margin-top:0 !important; }
.layerCont .cont p.caution	{ padding:0 0 0 20px; font-size:12px; color:#454545; line-height:18px; background:url("/images/common/ico_caution.gif") no-repeat 0 50%; }
.layerCont .cont .btnArea	{ padding-top:25px !important; }
.layerCont .cont .btnType4	{ height:50px; line-height:50px; }
.layerCont .cont .agreeCont	{ height:50px; padding:10px 15px; border:1px solid #dadada; overflow-y:scroll; }
.layerCont .cont .agreeCont *	{ font-size:12px; }
.layerCont .cont .agreeCheck	{ padding-bottom:15px; }
.layerCont .cont .agreeCheck p.fr label	{ font-size:12px; }
.layerCont .form th	{ padding-left:5px; }
.layerCont .form td p	{ padding:3px 0; }
.layerCont .form td .zipBtn	{ display:inline-block; width:118px; height:33px; line-height:33px; font-size:14px; color:#454545; border:1px solid #e1e1e1; background:#ebebeb; text-align:center; vertical-align:middle; }

.winnerData	{ padding-top:40px; }
.winnerData table	{ width:100%;  table-layout:fixed; }
.winnerData table td	{ height:38px; border:1px solid #dcdcdc; border-left:0; }
.winnerData table td.name	{ color:#7b7b7b; border:1px solid #dcdcdc; border-right:0; text-align:center; }

/********** 05_NEWS **********/
#wrapper[role="press"] .listTypeA li p.thumb img {object-fit: cover;}
/* 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; }

.newsList > li div.cont-thumb {float: left; padding: 10px 0 0 22px; width: 880px;}

/* »ýÈ°°Ç°­ ½ºÅ丮 */
.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 45px 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 img {width: 100%; height: 100%; object-fit: cover;}
.cfList li a.thum span	{ display:block; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:35px; height:35px; background:url('/images/news/ico_play2.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("/images/news/play2.png") no-repeat center center; }
.cfList li dl	{ padding-bottom:20px; }
.cfList li dl dt { padding:15px 0 0; font-size: 16px;}
.cfList li dl dt a {color:#c60e41; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cfList li dl dd { padding-top:10px; line-height:22px; font-size: 16px; overflow:hidden; font-weight: 600; }
.cfList li dl dd a { display: -webkit-box; display: -ms-flexbox; display: box; max-height: 86px; overflow: hidden; vertical-align: top; text-overflow: ellipsis; -break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.cfList li.last	{ padding-right:0; }

.viewCont  { position:relative; }
.viewCont #videoContent { width:880px; height:495px; }
.viewCont .caption	{ padding:15px 20px; width: 876px; height:97px; margin: 0 auto; box-sizing: border-box; line-height:25px; border:1px solid #ebebeb; overflow-y:scroll; }
.viewCont .viewBtn	{ text-align:right; padding:10px 0 50px 0; }
.movieViewContArea .btnArea 	{ position:absolute; left:50%; bottom:73px; transform: translateX(-50%);}
.viewCont strong{font-family:nGothicB;}

/* ÀμⱤ°í */
.paperList	{ border-top:1px solid #666; border-bottom:1px solid #666; *zoom:1; }
.paperList:after	{ content:""; display:block; clear:both; }
.paperList li	{ float:left; width:257px; height:430px; padding:40px 44px 30px 0; }
.paperList li.last	{ padding-right:0; }
.paperList li p.thumb	{ position:relative; width:255px; height:363px; line-height:363px; border:1px solid #dcdcdc; overflow:hidden; }
.paperList li p.thumb a	{ display:block; width:255px; height:100%; }
.paperList li p.thumb img	{ width:100%; vertical-align:middle; }
.paperList li p.cont	{ padding:15px 0 0; color:#000;}

.paperViewArea	{ padding:30px 0; }
.paperViewArea .btnArea	{ position:static; }
.paperViewCont	{ position:relative; }
.paperViewCont .prev	{ position:absolute; left:0; top:50%; margin-top:-42px; }
.paperViewCont .next	{ position:absolute; right:0; top:50%; margin-top:-42px; }
.paperViewCont img	{ max-width:900px; }

.paperMore	{ position:relative; padding:21px 0 26px; border-top:3px solid #000; border-bottom:1px solid #e2e2e2; }
.paperMore h3 	{ padding-bottom:18px; font-size:17px; color:#252525;  }
.paperMore .paperMoreList	{ position:absolute; left:-38px; top:0; width:900px; height:347px;  }
.paperMore .paperMoreList ul	{ *zoom:1; height:268px;  }
.paperMore .paperMoreList ul:after	{ content:""; display:block; clear:both; }
.paperMore .paperMoreList ul li	{ float:left; width:196px; padding-right:38px; }
.paperMore .paperMoreList ul li:first-child	{ margin-left:0; }
.paperMore .paperMoreList ul li a	{ display:block; }
.paperMore .paperMoreList ul li p.thum	{ position:relative; width:194px; height:274px; border:1px solid #dcdcdc; overflow:hidden; }
.paperMore .paperMoreList ul li p.thum img	{ position:absolute; left:0; top:0; width:100%; }
.paperMore .paperMoreList ul li p.cont	{ padding-top:8px; line-height:22px; text-align:center; }
.paperMore .paperMoreList ul li p.cont strong,
.paperMore .paperMoreList ul li p.cont span	{ display:block; color:#454545; }
.paperMore .btnArea	{ position:absolute; right:0; top:-18px; }

/* À̺¥Æ® */
.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; }

/* »ýÈ° Á¤º¸ */
.livingList *{font-family:LGSmHaR!important;}
.livingInfo .viewArea *{font-family:LGSmHaR !important;}

/* 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-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-weight:bold; 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:nGothicB; font-weight:bold; 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:470px; top:-33px; }
.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:70px 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('/images/company/bg_ceo.jpg') no-repeat 0 100%; }
.ceoArea .ceoCont div.fl p	{ line-height:22px; }
.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("/images/company/ico_ceo1.gif") no-repeat 0 0; }
.ceoArea .ceoCont ul li.cont2 div.cont	{ background:url("/images/company/ico_ceo2.gif") no-repeat 0 0; }
.ceoArea .ceoCont ul li.cont3 div.cont	{ background:url("/images/company/ico_ceo3.gif") no-repeat 0 0; }

/* »ç¾÷ºÐ¾ß */
.businessArea	{ position:relative; padding:0 0 0 306px; }
.businessArea1	{ background:url("/images/company/bg_business1.gif") no-repeat 0 0; }
.businessArea1 p.pdtImg	{ position:absolute; left:19px; top:196px; }
.businessArea2	{ background:url("/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("/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:nGothicB; font-weight:bold; 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('/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.tit strong	{ display:inline-block; padding-bottom:5px; font-size:60px; color:#252525; line-height:62px; }
.summaryHead p.txt	{ padding-top:47px; line-height:22px; }

.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; }

.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; font-weight:normal; font-size:20px; }
.awardList tbody td	{ padding:15px 0 14px 10px; font-size:13px; line-height:20px; word-spacing:-1px; vertical-align:top; }

/* ¿¬Çõ */
.historyArea	{ }
.historyArea .char{font-family: 'nGothic'!important;}
.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('/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-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 5px; }
.historyCont ul li.fl	{ text-align:right; }
.historyCont ul li.fl h3	{ margin-right:-10px; padding-right:90px; background:url('/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('/images/company/bg_history1.gif') no-repeat 0 9px; }
.historyCont1	{ min-height:2000px }
.historyCont2	{ min-height:1300px }
.historyCont3	{ min-height:5000px }

/* ŵ¿±â */
.history1947	{bottom: 0px; right:0; }
.history1954	{bottom: 200px; left:0;}
.history1955	{bottom: 400px; right:0;}
.history1959	{bottom: 600px; left:0;}
.history1966	{bottom: 800px; right:0;}
.history1969	{bottom: 1000px; left:0;}
.history1972	{top: 0px; right:0;}

/* ·°Å°~LGÈ­ÇÐ */
.history1974	{bottom: 0px;right:0;}
.history1980	{bottom: 180px;left:0;}
.history1981	{bottom: 330px;right:0;}
.history1983	{bottom: 450px;left:0;}
.history1984	{bottom: 620px;right:0;}
.history1985	{bottom: 850px;left:0;}
.history1990	{bottom: 1000px;right:0;}
.history1991	{bottom: 1150px;left:0;}
.history1993	{bottom: 1300px;right:0;}
.history1995	{bottom: 1450px;left:0;}
.history1997	{bottom: 1650px;right:0;}
.history2000	{top:0px; left:0;}

/* LG»ýÈ°°Ç°­(2001~) */
.history2001	{bottom:0; right: 0;}
.history2002	{bottom: 150px;left: 0;}
.history2003	{bottom: 300px;right: 0;}
.history2005	{bottom: 400px;left: 0;}
.history2006	{bottom: 550px;right: 0;}
.history2007	{bottom: 650px;left: 0;}
.history2008	{bottom: 850px;right: 0;}
.history2009	{bottom: 1050px;left: 0;}
.history2010	{bottom: 1150px;right: 0;}
.history2011	{bottom: 1380px;left: 0;}
.history2012	{bottom: 1580px;right: 0;}
.history2013	{bottom: 1800px;left: 0;}
.history2014	{bottom: 2010px;right: 0;}
.history2015	{bottom: 2250px;left: 0;}
.history2016	{bottom: 2470px;right: 0;}
.history2017	{bottom: 2700px;left: 0;}
.history2018	{bottom: 3000px;right: 0;}
.history2019	{bottom: 3300px;left: 0;}
.history2020	{bottom: 3600px;right: 0;}
.history2021	{bottom: 4000px;left: 0;}
.history2022    {bottom: 4330px;right: 0;}
.history2023    {top:0;left: 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('/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('/images/company/bg_rnd5.jpg') no-repeat 100% 0; }
.rndHead5 p.tit	{ padding:45px 0 35px; }
.rndHead6	{ min-height:635px; background:url('/images/company/bg_rnd6.jpg') no-repeat 100% 0; }
.rndHead6 p.tit	{ padding:45px 0 25px; }
.rndHead6 p.text{margin-top: 10px;line-height: 1.6;}
.rndHead6 p.text b{font-weight:500;}
.rndHead6 p.blt{background:url('/images/common/blt4.gif') no-repeat left 9px;}

.rndCont	{ padding-bottom:1px; /*background:url('/images/common/bg_sectionLine.gif') no-repeat 0 100%;*/ word-break: keep-all;}
.rndCont.noBg { padding-bottom:395px; background:none; }
.rndCont .sectionCont div.cont	{ width:622px; padding:35px 15px 70px 0;}
.rndCont .sectionCont:last-of-type	 div.cont{padding:35px 15px 0 0;}
.rndCont.rndCont1 .sectionCont div.cont,
.rndCont.rndCont2 .sectionCont div.cont,
.rndCont.rndCont3 .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 .cont { padding: 20px 15px 50px 230px !important;}
.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('/images/company/cont_rnd5_1.jpg') no-repeat 0 0; }
.rndCont5_2	{ background:url('/images/company/cont_rnd5_2_v2.jpg') no-repeat 0 0; }
.rndCont5_3	{ background:url('/images/company/cont_rnd5_3.jpg') no-repeat 0 0; }
.rndCont5_4	{ background:url('/images/company/cont_rnd5_4.jpg') no-repeat 0 0; }

.designRndCont	{ }
.designRndCont div.cont	{ position:relative; min-height:660px; margin-top:55px; background:url('/images/company/bg_design_rnd.gif') no-repeat 0 0; }
.designRndCont div.cont dl	{ position:absolute; }
.designRndCont div.cont dl dt	{ font-weight:bold; font-size:20px; color:#252525; }
.designRndCont div.cont dl dd	{ padding:0 0 3px 8px; font-size:12px; background:url('/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:560px;}
.designRndCont dl.h10	{ left:220px; top:470px;}
.designRndCont dl.h11	{ left:370px; top:560px;}

.designRndCont2	{ *zoom:1; }
.designRndCont2:after	{ content:""; display:block; clear:both; }
.designRndCont2 li	{ float:left; width:540px; margin-right:40px; }
.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('/images/common/blt1.gif') no-repeat 2px 9px; }
.designRndCont2 li>div.cont ul li strong	{ font-family:nGothic, '³ª´®°íµñ', dotum, gulim; font-weight:normal; color:#454545; }
.designRndCont2 li>div.cont ul li span	{ display:inline-block; margin-left:97px; }

.rndFoot	{ position:relative; height:177px; margin-top:85px; padding:0 240px 0 200px;/*  background:url('/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	{ display:block; padding:0 0 5px; color:#454545; letter-spacing:-1px; }
.rndFoot p.btn	{ position:absolute; right:12px; bottom:0; }
.designRndFoot	{ height:198px !important; background:url('/images/company/bg_rndBox2.gif') no-repeat 0 0 !important; }
.designRndFoot p.tit	{ letter-spacing:0; }

/* »ç¾÷Àå ¼Ò°³ */
.factoryArea	{ position:relative; min-height:750px; margin-top:-55px; padding:140px 530px 0 0; box-sizing: border-box; background:url('/images/company/bg_factory.gif') no-repeat 100% 0; }
.factoryHead p.tit	{ font-size:27px; color:#454545; line-height:36px; padding-bottom:15px; }
.factoryHead p.tit strong	{ font-size:32px; }
.factoryHead p.text	{ line-height:20px; padding-bottom: 20px;}

.factoryCont	{float:left; padding:12px 0 0; *zoom:1; }
.factoryCont:after	{content:""; display:block; clear:both; }
#container .factoryCont h2 {float:left; padding:0; margin-right:30px; line-height:15px; font-family:nGothic, '³ª´®°íµñ', dotum, gulim; font-size:14px; font-weight:normal; background:none;}
.factoryCont h2 span	{ display:inline-block; width:14px; height:15px; margin-right:5px; background:url('/images/company/ico_factory.jpg') no-repeat; vertical-align:top; }
.factoryCont h2.tab0 span	{ background-position:0 -15px; }
.factoryCont.on h2.tab0 span	{ background-position:0 0; }
.factoryCont h2.tab1 span	{ background-position:-14px -15px; }
.factoryCont.on h2.tab1 span	{ background-position:-14px 0; }
.factoryCont h2.tab2 span	{ background-position:-28px -15px; }
.factoryCont.on h2.tab2 span	{ background-position:-28px 0; }
.factoryCont h2.tab3 span	{ background-position:-42px -15px; }
.factoryCont.on h2.tab3 span	{ background-position:-42px 0; }
.factoryCont h2.tab4 span	{ background-position:-56px -15px; }
.factoryCont.on h2.tab4 span	{ background-position:-56px 0; }
.factoryCont h2.tab5 span	{ background-position:-73px -15px; }
.factoryCont.on h2.tab5 span	{ background-position:-73px 0; }
.factoryCont h2.tab6 span	{ background-position:-89px -15px; }
.factoryCont.on h2.tab6 span	{ background-position:-89px 0; }
.factoryCont h2.tab7 span	{ background-position:-104px -15px; }
.factoryCont.on h2.tab7 span	{ background-position:-104px 0; }

.factoryCont .section {display:none; position:absolute; left:0; top:369px; width:587px; }

.factoryMap	{display:none; position:absolute; left:514px; top:0; }
.factoryMap li.factoryMap1_1{position:absolute;left: 284px;top: 121px;}
.factoryMap li.factoryMap1_2{position:absolute;left:302px;top: 310px;}
.factoryMap li.factoryMap1_3{position:absolute;left: 217px;top: 507px;}
.factoryMap li.factoryMap1_4{position:absolute;left: 516px;top: 420px;}
.factoryMap li.factoryMap1_5{position:absolute;left: 238px;top: 151px;}
.factoryMap li.factoryMap1_6{position:absolute;left: 350px;top: 261px;}
.factoryMap li.factoryMap1_7{position:absolute;left: 570px;top: 417px;}
.factoryMap li.factoryMap1_9{position:absolute;left: 184px;top: 127px;}
.factoryMap li.factoryMap1_10{position:absolute;left: 268px;top: 136px;}
.factoryMap li.factoryMap2_1{position:absolute;left: 272px;top: 240px;}
.factoryMap li.factoryMap2_2{position:absolute;left: 434px;top:41px;}
.factoryMap li.factoryMap2_3{position:absolute;left: 472px;top:97px;}
.factoryMap li.factoryMap2_4{position:absolute;left: 256px;top: 363px;}
.factoryMap li.factoryMap3_1{position:absolute;left: 236px;top: 461px;}
.factoryMap li.factoryMap3_2{position:absolute;left: 480px;top: 444px;}
.factoryMap li.factoryMap3_3{position:absolute;left: 319px;top: 168px;}
.factoryMap li.factoryMap4_1{position:absolute;left: 198px;top: 143px;}
.factoryMap li.factoryMap5_1{position:absolute;left: 312px;top: 436px;}
.factoryMap li.factoryMap6_1{position:absolute;left: 359px;top: 72px;}
.factoryMap li.factoryMap7_1{position:absolute;left: 226px;top: 328px;}
.factoryMap li.factoryMap7_2{position:absolute;left: 267px;top: 194px;}

.factoryCont.on .section, .factoryCont.on .factoryMap {display:block;}

/* Àü±¹¸ÅÀåã±â */
.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 .btnTypeD.btnType_large {position: relative; width: 139px; padding: 0 28px;}
.storeArea .btnTypeD.btnType_large span {background: unset;}
.storeArea .btnTypeD.btnType_large svg {position: absolute; top: 14px; right: 28px;}
.storeArea .btnTypeD.btnType_large:hover svg path {stroke: #c60e41;}
.storeArea .btnTypeF.btnType_small {position: relative; width: 71px; padding: 0 12px 0 16px;}
.storeArea .btnTypeF.btnType_small span {background: unset;}
.storeArea .btnTypeF.btnType_small svg {position: absolute; top: 8px; right: 16px;}
.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:nGothicB; 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; margin-top: 10px;}


.ciCont3 .cont	{ padding:55px 95px 0 30px; *zoom:1;}
.ciCont3 .cont:after	{ content:""; display:block; clear:both; }
.ciCont3 .cont div.colorSys{display: inline-block; margin-left: 12px; border: 1px solid #EBEBEB; box-sizing: border-box;}
.ciCont3 .cont div.colorSys:first-child {margin: 0;}
.ciCont3 .cont .fl div.colorSys{width: 298px;}
.ciCont3 .cont .bg {padding: 7px 9px 0; height: 56px; box-sizing: border-box; font-weight: 500;}
.ciCont3 .cont .bg.red {background-color: #C40452;}
.ciCont3 .cont .bg.gray {background-color: #6D6E71;}
.ciCont3 .cont .bg.silver {background-color: #A7A9AC; color: #000000;}
.ciCont3 .cont .bg.black {background-color: #000000;}
.ciCont3 .cont > div p {color: #fff; font-size: 12px; line-height: 18px;}
.ciCont3 .cont > div p.colorCode {color: #454545; padding: 17px 7px 0; height: 67px; box-sizing: border-box;}
.ciCont3 .cont > div p.colorCode b {margin: 0 2px 0 3px;}
.ciCont3 .cont > div p.colorCode .ml {margin-left: 32px;}
.ciCont3 .cont .fr div.colorSys{width: 172px;}
.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:nGothicB; font-weight:bold; 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; min-height:140px; margin:0 40px 0 0; padding-bottom:80px; }
.biList li p.logo	{ width:206px; height:98px; padding:1px; background:url('/images/company/bg_bi.gif') no-repeat 0 0; }
.biList li p.tit	{ display: inline-block; width:135px; margin:10px 0 0; padding:0 60px 0 13px; font-family:nGothicB; font-weight:bold; font-size:13px; color:#454545; background:url('/images/common/blt6.gif') no-repeat 0 50%; }
.biList li p.btn	{margin-top: 10px;}
.biList li p.btn a	{width: 100%;}
.biList li p.btn a span	{text-align: center;}
.biList li p.btn a svg	{right: 70px;}

/********** 07_Á¤µµ°æ¿µ **********/
.rightList	{ background:url('/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('/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:nGothicB; font-weight:bold; background:none; }
.introArea .article	{ background:url('/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('/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:nGothicB; font-weight:bold; }
.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('/images/common/blt2.gif') no-repeat 0 7px; }
.introCont2 .pos1	{ position:absolute; left:675px; top:95px; }
.introCont2 .pos2	{ position:absolute; left:675px; top:210px; }

/* À±¸®±Ô¹ü */
#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('/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('/images/right/ico_rule1.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule1_2	{ background:url('/images/right/ico_rule2.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule1_3	{ background:url('/images/right/ico_rule3.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule1_4	{ background:url('/images/right/ico_rule4.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule1_5	{ background:url('/images/right/ico_rule5.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule1_6	{ background:url('/images/right/ico_rule6.gif') no-repeat 40px 40px; }

.ruleList li div.head a.rule1	{ background:url('/images/right/ico_rule7.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule2	{ background:url('/images/right/ico_rule1.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule3	{ background:url('/images/right/ico_rule2.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule4	{ background:url('/images/right/ico_rule3.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule5	{ background:url('/images/right/ico_rule4.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule6	{ background:url('/images/right/ico_rule5.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule7	{ background:url('/images/right/ico_rule6.gif') no-repeat 40px 40px; }
.ruleList li div.head a.rule8	{ background:url('/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:nGothicB; font-weight:bold; 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('/images/right/bg_arrow2.gif') no-repeat 100% 100%; }

/* Á¤µµ°æ¿µ ÇÁ·Î±×·¥ */
.programArea	{}
.programArea .rightList	{ background:url('/images/right/bg_line.gif') no-repeat left 0;  }
.programArea .rightList li	{ padding:35px 0 75px 0; }
.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:80px; 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:27px; background:url('/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; letter-spacing:-1.5px;}
.sinmungoCont1 ul	{ width:510px; padding:35px 0 0; *zoom:1; }
.sinmungoCont1 ul:after	{ content:""; display:block; clear:both; }
.sinmungoCont1 ul li	{ float:left; width:243px; 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('/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:nGothicB; font-weight:bold; font-size:16px; color:#454545; }
.contStyleA h4 span	{ font-size:18px; }
.contStyleA h4.ac	{ font-size:20px; color:#333; }
.contStyleA div.cont	{ float:right; width:660px; padding:20px 0 0; border-top:1px solid #dcdcdc; }
.contStyleA div.cont p.txt	{ padding:0 0 20px; line-height:22px; }
.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 .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: 7px;}
.contStyleA div.cont .thumCont.thumContA{width: 100%; padding: 0;}
.contStyleA div.cont .thumCont.thumContA .thum {display: flex; position: relative; width: 100%;}
.contStyleA div.cont .thumCont.thumContA .thum img{width: 50%;}
.contStyleA.earthSchool div.cont .thumCont .thum {display: flex; position: relative;}
.contStyleA.earthSchool div.cont .thumCont .thum img{width: 50%;}
.contStyleA div.cont .blt li	{ padding:0 0 5px 10px; font-size:13px; background:url('/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('/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;}

.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;}

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

/* Áö¼Ó°¡´É°æ¿µÀü·« */
#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: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;}

#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: 220px; 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: -18px; 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:last-child::before {width: 570px;}
#management02 .compliance ul li {position: relative; width: 102px; height: fit-content; line-height: 22px; font-size: 13px; border: 1px solid #7d7c7d; text-align: center;}
#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 li p {position: absolute; bottom: -22px; left: 0; width: 100%; text-align: center; font-size: 11px;}

#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: inline-block; background-color: #6c6c6c; color: #fff; line-height: 32px; padding: 0 20px; 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("/images/manage/bg_process1.png") no-repeat; 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("/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: 397px; box-sizing: border-box;}
#management02 .process > ul li .desc2 {text-align: center; padding: 18px 6px;}
#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: 18px; padding-top: 4px; font-weight: 500;}
#management02 .process > ul li .desc2 ul {text-align: left; margin-top: 12px;}
#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 10px;}
#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;}
#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("/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: 18px 14px 0 0;}
#management02 .process > ul li .circle li:nth-child(2) {padding: 18px 0 0 14px;}
#management02 .process > ul li .circle li:nth-child(3) {padding: 56px 15px 0 0;}
#management02 .process > ul li .circle li:nth-child(4) {padding: 56px 0 0 15px;}
#management02 .process > ul li:last-child b {position: absolute; top: 56%; 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 18px; 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;}

#contributeArea5 .systemWrap {position: absolute; top: 20px; width: 100%; height: 100%;}
#contributeArea5 .systemWrap::before {content: '\2191'; position: absolute; right: 36px; top: 41%; transform: translateY(-50%); font-size: 16px; font-weight: bold;}
#contributeArea5 .systemWrap::after {content: '\2193'; position: absolute; right: 24px; top: 41%; transform: translateY(-50%); font-size: 16px; font-weight: bold; color: #c70752;}
#contributeArea5 .systemWrap .system {position: absolute; display: flex; left: 24px;}
#contributeArea5 .systemWrap .system:nth-child(1) {top: 30px;}
#contributeArea5 .systemWrap .system:nth-child(2) {top: 245px;}
#contributeArea5 .systemWrap .system > li {position: relative; width: 178px; border: none;}
#contributeArea5 .systemWrap .system > li:first-child {width: 144px;}
#contributeArea5 .systemWrap .system > li.list > span {position: relative; display: block; text-align: center; font-size: 16px; font-weight: bold;}
#contributeArea5 .systemWrap .system > li.list > span::after {content: ''; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background-color: #333; border-radius: 50%; border: 3px solid #fff;}
#contributeArea5 .systemWrap .system:nth-child(1) > li:nth-child(1) > span::after {background-color: #c70752;}
#contributeArea5 .systemWrap .system:nth-child(1) > li:nth-child(3) > span::after {background-color: #c8469f;}
#contributeArea5 .systemWrap .system:nth-child(2) > li:nth-child(1) > span::after {background-color: #ffa12d;}
#contributeArea5 .systemWrap .system:nth-child(2) > li:nth-child(3) > span::after {background-color: #bed600;}
#contributeArea5 .systemWrap .system > li:nth-child(1) > ul {display: flex; justify-content: space-evenly; padding-top: 70px;}
#contributeArea5 .systemWrap .system > li.list > ul li {}
#contributeArea5 .systemWrap .system > li.list > ul li span {position: relative; padding-left: 15px; box-sizing: border-box; line-height: 24px; display: block;}
#contributeArea5 .systemWrap .system > li.list > ul li span::before {content: '\2022'; position: absolute; top: 0; left: 0; color: #c70752;}
#contributeArea5 .systemWrap .system > li:nth-child(1) > ul li {width: auto;}
#contributeArea5 .systemWrap .system > li:nth-child(3) > ul {display: flex; flex-direction: column; padding-top: 70px;}
#contributeArea5 .systemWrap .system:nth-child(1) > li:first-child > ul li:nth-child(odd) {width: 40%;}
#contributeArea5 .systemWrap .system:nth-child(2) > li:nth-child(3) b {display: block; text-align: center; font-size: 24px; padding-top: 42px; color: #c70752;}
#contributeArea5 .systemWrap .system:nth-child(2) > li:nth-child(3) b::before {content: ''; position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%); background: url("/images/common/arr_pink_down.png") no-repeat; width: 11px; height: 16px; }
#contributeArea5 .systemWrap .system:nth-child(2) > li:nth-child(3) > ul {align-items: center;}
#contributeArea5 .systemWrap .system > li > ul > li {font-size: 14px;}
#contributeArea5 .systemWrap .system > li.mid {width: 240px; text-align: center;}
#contributeArea5 .systemWrap .system > li.mid span {display: block; font-size: 15px; position: relative;}
#contributeArea5 .systemWrap .system > li.mid span:nth-child(1) {color: #c70752; font-weight: 500; padding-bottom: 40px;}
#contributeArea5 .systemWrap .system:nth-child(1) > li.mid span:nth-child(1)::after {content: '\2192'; position: absolute; top: 24px; left: 50%; transform: translateX(-50%); font-weight: bold;}
#contributeArea5 .systemWrap .system:nth-child(2) > li.mid span:nth-child(1)::after {content: '\2190'; position: absolute; top: 24px; left: 50%; transform: translateX(-50%); font-weight: bold;}
#contributeArea5 .systemWrap .system > li.mid span:nth-child(2) {padding-top: 32px;}
#contributeArea5 .systemWrap .system:nth-child(1) > li.mid span:nth-child(2)::after {content: '\2190'; position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); font-weight: bold;}
#contributeArea5 .systemWrap .system:nth-child(2) > li.mid span:nth-child(2)::after {content: '\2192'; position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); font-weight: bold;}

#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("/images/manage/ico_esg01.png") no-repeat;}
#csr .keyFigures .key:nth-child(2) .first::before {width: 40px; height: 51px; background: url("/images/manage/ico_esg02.png") no-repeat;}
#csr .keyFigures .key:nth-child(3) .first::before {width: 40px; height: 51px; background: url("/images/manage/ico_esg03.png") no-repeat;}
#csr .keyFigures .key:nth-child(4) .first::before {width: 40px; height: 45px; background: url("/images/manage/ico_esg04.png") no-repeat;}
#csr .keyFigures .key:nth-child(5) .first::before {width: 51px; height: 42px; background: url("/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: 16px; display: block; font-weight: bold; height: 54px; border-bottom: 1px solid #b9b9b9;line-height: 22px; position: relative;}
#csr .keyFigures .key li .tit > img {position: absolute; top: 3px; right: 0;}
#csr .keyFigures .key li span:last-child {letter-spacing: -0.05em;}
#csr .keyFigures .key li span:last-child b {color: #c70752; font-size: 24px; 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;}

#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 48px;}
#productArea2 .process .mid img {width: 74%; margin: 0 auto; display: block;}
#productArea2 .process .mid p {position: absolute; top: calc(50% + 7px); 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: 92px; height: 92px; border-radius: 50%; background-color: rgba(142, 144, 145, 0.16); text-align: center; font-size: 15px; 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;}
#productArea4 .committee .top span::after {content: ''; position: absolute; width: 1px; height: 182px; background-color: #7d7c7d; top: 60px; left: 50%; transform: translateX(-50%);}
#productArea4 .committee .top span > sup {font-size: 10px;}
#productArea4 .committee .right {position: relative; margin: 14px 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; 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: 38px; left: 50%; transform: translateX(-50%);}
#productArea5 .pdtBox.pdtBox2 ul li span {display: block; font-size: 16px; margin-top: 6px;}

#productArea5 .contStyleA::after {display: none;}
#productArea5 .contStyleA {display: flex; justify-content: space-between;}
#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;}

#productArea6 {padding-top: 0;}
#productArea6 h2 {margin-top: 40px !important;}
#productArea6 .download {display: block; position: absolute; margin-top: 70px; width: 212px;}
#productArea6 .download .btnTypeF {width: 208px; padding: 0 46px; height: 37px !important; line-height: 37px !important;}
#productArea6 .download .btnTypeF span {font-size: 14px;}
#productArea6 .download .btnTypeF svg {top: 10px; right: 46px;}
#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}
#productArea6 .cbiValue .cont ul li span.hide {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}

#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: 24px 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: 13px 3px;}
#greenArea1 table.tbType1 tbody th, #greenArea1 table.tbType1 tbody td {word-break: keep-all; padding: 11px 10px;}
#greenArea1 table.tbType1 tbody td ul li {position: relative; text-align: left; padding-left: 8px;}
#greenArea1 table.tbType1 tbody td ul li:before {content: '¡¤'; position: absolute; left: 0; color: #666666; font-size: 14px;}

#greenArea1 .system {margin-top: 24px;}
#greenArea1 .system .top {position: relative; width: 130px; height: 130px; border-radius: 50%; background-color: #c80852; color: #fff; font-size: 26px; font-weight: 500; margin: 0 auto 30px; display: flex; justify-content: center; align-items: center; }
#greenArea1 .system .top::before {content: ''; position: absolute; width: 1px; height: 28px; background-color: #636466; top: 130px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system .top::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #636466; top: unset; bottom: -28px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system .mid > span {position: relative; left: 50%; transform: translateX(-50%); display: inline-block; text-align: center;}
#greenArea1 .system .treeB {position: relative;}
#greenArea1 .system .treeA .mid > span{margin-bottom: 20px;}
#greenArea1 .system .treeB .mid > span {margin-bottom: 16px;}
#greenArea1 .system .treeA .mid > span::before {content: ''; position: absolute; width: 1px; height: 18px; background-color: #636466; bottom: -18px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system .treeA .mid > span::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #636466; bottom: -18px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system .treeB .mid > span::before {content: ''; position: absolute; height: 1px; width: 36px; background-color: #636466; top: 50%; left: calc(50% + 138px); transform: translate(-50%, -50%);}
#greenArea1 .system .treeB .mid > span::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #636466; top: 24px; left: calc(50% + 155px); transform: translateX(-50%);}
#greenArea1 .system .mid > span {width: 240px; height: 54px; font-size: 16px; text-align: center; background-color: #e6e6e6; color: #333333; font-weight: 500; line-height: 20px; display: flex; justify-content: center; align-items: center;}
#greenArea1 .system .sub {position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 240px; height: 76px; left: calc(50% + 280px); top: -22px; transform: translateX(-50%); background-color: #ff9e33; color: #333333; font-size: 15px;}
#greenArea1 .system .sub > span {padding-bottom: 7px; font-size: 16px; font-weight: 500;}
#greenArea1 .system .last {position: relative; display: flex; justify-content: space-between; width: 89%; margin: 38px auto 0;}
#greenArea1 .system .last:last-child::before {content: ''; position: absolute; width: 1px; height: 14px; background-color: #636466; top: -38px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system .last:last-child::after {content: ''; position: absolute; height: 1px; width: 622px; background-color: #636466; top: -24px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system .last:last-child li {position: relative; width: 180px; height: 54px; background-color: #ffb15c; line-height: 20px; font-size: 16px; font-weight: 500; color: #333; text-align: center; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
#greenArea1 .system .last:last-child li::before {content: ''; position: absolute; width: 1px; height: 18px; background-color: #636466; top: -24px; left: 50%; transform: translateX(-50%);}
#greenArea1 .system .last:last-child li::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #636466; top: -12px; left: 50%; transform: translateX(-50%);}

#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: -102px;}
#greenArea1 .management .target ul li:nth-child(odd) > div {top: -52px;}
#greenArea1 .management .target ul li b {display: block; font-size: 24px; 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; font-weight: 500; line-height: 20px; letter-spacing: -0.02em; color: #333;}

#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; }

#greenArea5 .tbType1.tar tr td {text-align: left;}
#greenArea5 .tbType1 tr td p {font-size: 12px; line-height: 18px; position: relative; padding-left: 12px; word-break: keep-all;}
#greenArea5 .tbType1 tr td p::before {content: '\2022'; position: absolute; left: 0; top: 0;}
#greenArea5 .tbType1 tbody th, #greenArea5 .tbType1 tbody td {padding: 11px 5px;}

.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 h2	{ font-size:40px !important; color:#252525 !important; background:none !important; }
.managementWrap .ceoCont span.ceoTit	{ font-size:22px !important; color:#c70752; }
.managementWrap .ceoCont p.txt	{ padding-top:12px; font-size:15px; color:#454545; line-height:26px; }
.managementWrap .ceoCont span.ceoName	{ position:absolute; left:345px; bottom:40px; }
.managementWrap .ceoTxt	{ color:#454545; line-height:70px; font-size:15px; text-align:right; float:right;}
.managementWrap .ceoTxt span	{ font-size:16px; line-height:32px; }

.manageVision	{ position:relative; }
.manageVision .section{}
.manageVision .section .title{position:relative; display:inline-block; width:112px; height:62px; padding:10px 0 10px 30px; font-size:18px; font-weight:600; color:#fff; box-sizing:border-box;}
.manageVision .section .title:before{content:'';display:block;position:absolute;width:44px;height:44px;transform:rotate(45deg);top:9px;right:-22px;z-index:-1;}
.manageVision #section1 .title, .manageVision #section1 .title:before{background:#c70752;}
.manageVision #section2 .title, .manageVision #section2 .title:before{background:#999; line-height:44px;}
.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:30px 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:17px; color:#333; font-weight:600;}
.manageVision .section .box > li div{padding:10px 0 5px; font-size:15px;}
.manageVision .section .box ul{margin:10px auto; padding:10px 0;width:60%; border:1px solid #666; border-right:0; border-left:0;}
.manageVision .section .box li:nth-of-type(1) li{margin-left:14px;}
.manageVision .section .box li:nth-of-type(2) li{margin-left:24px;}
.manageVision .section .box li:nth-of-type(3) li{margin-left:24px;}
.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 40px; 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:430px; 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:15px;}
.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;}
.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;}

.managementWrap .csrHistory	{ padding-top:15px !important; position:relative; }
.managementWrap .csrHistory2012	{ padding-top:40px !important; }
.managementWrap .csrHistory h3	{ padding:0 !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('/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:nGothicB; font-weight:bold; text-align:center; }
.managementWrap .risk dl	{ position:absolute; top:53px; 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:nGothicB; font-weight:bold; }
.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; }

.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: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('/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('/images/common/blt4.gif') no-repeat left 7px; }

#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 ul.imgWrap li span {position: relative; display: block; margin-top: 3px; font-size: 12px; padding-left: 13px;}
#biodiversity ul.imgWrap li span::before {content: '\25B6'; position: absolute; top: 0; left: 0; color: #c70752;}

#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("/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 h4{padding-top: 30px;}
#biodiversity .riskWrap .riskInner > div span {display: block; font-size: 11px; line-height: 1.6em; margin-top: 4px;}
#biodiversity .riskWrap .riskInner > div:nth-child(1) {}
#biodiversity .riskWrap .riskInner > div:nth-child(2) {}
#biodiversity .riskWrap .riskInner .tbType1 {color: #333;}
#biodiversity .riskWrap .riskInner .tbType1 thead th {font-size: 12px; padding: 8px 14px; border-right: 0;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; border-right: 0;}
#biodiversity .riskWrap .riskInner .tbType1 tbody td {font-size: 12px; text-align: left; padding: 8px 14px; line-height: 18px; border-right: 0;}
#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('/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;}
.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: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:nGothicB; font-weight:bold;  }
.productArea .productDefine dl dd	{ padding-top:24px; font-size:13px; }

.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 .turnover { position:relative; *zoom:1; }
.productArea .turnover:after	{ content:""; display:block; clear:both; }
.productArea .turnover .fl	{ width:484px; 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:107px; }
.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:nGothicB; font-weight:bold; }
#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,
#container .productArea .instance .contPatent h3	{ padding:20px 0 60px 0; font-size:26px; color:#252525; line-height:35px; }
#container .productArea .instance .cont03 h3 span.sty01,
#container .productArea .instance .contPatent h3 span.sty01{ font-size:24px; }
#container .productArea .instance .cont03 h3 span.sty02,
#container .productArea .instance .contPatent h3 span.sty02{ font-size:34px; }

.productArea .instance .cont01 dl	{ padding-top:40px; }
.productArea .instance .cont01 dl	dt{ padding:0 0 10px 18px; font-size:13px; font-family:nGothicB; font-weight:bold; background:url('/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:nGothicB; font-weight:bold; }
.productArea .instance .cont01 dl dd span{ fontsize:14px; color:#333; }
.productArea .instance ul li	{ padding-left:290px; }
.productArea .instance ul li.cont01	{ background:url('/images/manage/example01.gif') no-repeat 15px 120px; }
.productArea .instance ul li.cont02	{ padding-top:100px; background:url('/images/manage/example02.gif') no-repeat 15px 115px; }
.productArea .instance ul li.cont03	{ padding-top:100px; background:url('/images/manage/example03.gif') no-repeat 15px 115px; }
.productArea .instance ul li.cont04	{ padding-top:100px; background:url('/images/manage/example04.gif') no-repeat 15px 115px; }
.productArea .instance ul li.cont05	{ padding-top:100px; background:url('/images/manage/example05.gif') no-repeat 15px 115px; }
.productArea .instance ul li.cont06	{ padding-top:100px; background:url('/images/manage/example06.gif') no-repeat 15px 115px; }
.productArea .instance ul li.cont07	{ padding-top:100px; background:url('/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 p.txt	{ padding-bottom:10px; line-height:22px; }
.productArea .development .fr	{ width:287px; }
.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('/images/common/ico_caution.gif') no-repeat 12px 10px;  }

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

.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;}

/* ȯ°æ¾ÈÀü°æ¿µ */
.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:400px;}
.greenCont li.type1 {height:500px;}
.greenCont li.type2 {height:610px;}
.greenCont li.type3 {height:800px;}
.greenCont li.type4 {height:300px;}
.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:400px;}
.greenCont li.fullType1 {width:100%; height:600px;}
.greenCont li.fullType2 {width:100%; height:250px;}

.grayBox { padding:20px 20px 10px 20px; background:#f8f8f8; }
.grayBox p	{ padding-bottom:20px; font-size:16px; color:#454545; font-family:nGothicB; font-weight:bold; }
.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('/images/common/blt4.gif') no-repeat 0 5px; width:230px; }

.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('/images/common/blt2.gif') no-repeat left 7px; }

.greenControl	{ min-height:1035px; background:url('/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('/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('/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:nGothicB; font-weight:bold; 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('/images/common/blt5.gif') no-repeat left 7px; }

/* ȯ°æ¾ÈÀü°æ¿µ - ȯ°æ¾ÈÀü°æ¿µ ¼º°ú */
.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{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('/images/manage/green_icon01.gif');}
.green1 .policyCont li.fl li:nth-of-type(2){background-image: url('/images/manage/green_icon05.gif');}
.green1 .policyCont li.fl li:nth-of-type(3){background-image: url('/images/manage/green_icon07.gif');}
.green1 .policyCont li.fr li:nth-of-type(1){background-image: url('/images/manage/green_icon02.gif');}
.green1 .policyCont li.fr li:nth-of-type(2){background-image: url('/images/manage/green_icon06.gif');}
.green1 .policyCont ul p.txt{color:#666; font-size: 14px; line-height: 1.4;}

.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; }

.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;}
#contributeArea1 .contStyleA div.cont .thumCont .thum span {position: relative; display: block; font-size: 12px; margin-top: 3px; padding-left: 12px; color: #888888; letter-spacing: -0.3px;}
#contributeArea1 .contStyleA div.cont .thumCont .thum span:before {content: '\25B6'; position: absolute; top: 0; left: 0; color: #c60e41;}

#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 60px;}
#contributeArea2 .comunity .right span {display: block; text-align: center; color: #fff;}
#contributeArea2 .comunity .right span:nth-child(1) {font-size: 22px; padding-bottom: 20px;}
#contributeArea2 .comunity .right span:nth-child(2) {font-size: 17px; padding: 5px 0;}
#contributeArea2 .comunity .left {margin-left: 65px;}
#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: 80px;}
#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: 54px; font-size: 13px;}
#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 5px; font-size: 12px; text-align: center; display: block;}
#contributeArea2 .comunity .left > div > ul li:last-child {line-height: 24px; padding-bottom: 0;}

#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: 20px;}
#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: 20px;}

#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; height: 50px; width: 280px; word-break: keep-all;}
#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('/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: 50%; 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:nGothic, '³ª´®°íµñ', dotum, gulim; line-height:22px; color:#252525; font-size:16px !important; }

.partnershipCont	{ position:relative; min-height:452px; background:url('/images/manage/establish.gif') no-repeat 0 0; }
.partnershipCont dl dt	{ padding-bottom:5px; font-size:19px; color:#333; font-family:nGothicB; font-weight:bold; }
.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:nGothic, "³ª´®°íµñ"; font-size:18px; 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('/images/manage/smart_work_bg.gif') no-repeat 0 0; }
.smartWork dl	{ min-height:150px; }
.smartWork dl dt	{ padding:20px 0 10px; font-family:nGothic, "³ª´®°íµñ"; color:#454545; }
.smartWork dl dd	{ padding:0 0 0 7px; font-size:13px; line-height:20px; background:url('/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('/images/common/num01.gif') no-repeat left 3px; }
.numType li.num02	{ background:url('/images/common/num02.gif') no-repeat left 3px; }
.numType li.num03	{ background:url('/images/common/num03.gif') no-repeat left 3px; }

/* º¸°í¼­ ´Ù¿î·Îµå */
.downloadWrap	{}
.downloadWrap .list	{ border-top:1px solid #000 !important; }
.downloadHead	{ padding-bottom:30px; *zoom:1; position: relative;}
.downloadHead:after	{ content:""; display:block; clear:both; }
.downloadHead .fl	{  }
.downloadHead .fl p.tit	{ font-size:18px; color:#454545; line-height:30px; }
.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: 168px; 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;}
.downloadWrap .list tbody th {border-bottom: none; border-top: 1px solid #ebebeb;}
.downloadWrap .list tbody tr:nth-child(1) th {border-top: none; }
.downloadWrap .list tbody tr.noneBt th { border-top:none;}

/* ±âÈĺ¯È­ ´ëÀÀ */
.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:181px; 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;}
.climateWrap1 .sectionB .txt p {word-break: keep-all;}

/********** 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:nGothicB; font-weight:bold; font-size:15px; color:#454545; background:url('/images/common/blt7.gif') no-repeat 0 center; }
.rightIndexCont ul li.r01 p	{ margin-left:14px; background:url('/images/right/ico_right.gif') no-repeat 0 0; }
.rightIndexCont ul li.r02 p	{ margin-right:14px; background:url('/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; font-weight: 600;}
.IrContact.agreeArea .agreeCheck p.fl {padding-left:19px; background:url("/images/common/ico_care.gif") no-repeat 1px 1px;}
.IrContact.agreeArea~.btnArea .btnTypeD.btnType_large {width: 116px;}
.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 .managerText	{ line-height:22px; }
.managerCont .managerText p	{ padding-top:10px; }
.managerCont .managerText p:first-child	{ padding-top:0; }
.managerCont .managerGraph	{ position:absolute; right:58px; 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 table tr td { height:40px;}

/* ÀÌ»çȸ */
.managerCont2	{ margin-top:-50px; }
.managerList	{ *zoom:1; }
.managerList:after	{ content:""; display:block; clear:both; }
.managerList li	{ float:left; width:50%; padding:30px 0 50px; }
.managerList li div.cont	{ position:relative; min-height:151px; margin:0 9px; padding:20px 0 0 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-weight:bold; 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("/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 .selectBox {position: absolute; top: 0; right: 0; width: 120px;height: 30px; background: url('/images/common/select_arrow.png') calc(100% - 7px) center no-repeat;background-size: 15px;cursor: pointer; border-bottom: 2px solid #c60e41;}
.financeWrap .selectBox:after {content: '';display: block;width: 2px;height: 100%;position: absolute;top: 0;right: 35px;}
.financeWrap .selectBox .label {display: flex;align-items: center;width: inherit;height: inherit;border: 0 none;outline: 0 none;padding-left: 10px;background: transparent;cursor: pointer;}
.financeWrap .selectBox .optionList {position: absolute; display: none; top: 32px;left: 0;width: 100%;background: #ffffff;list-style-type: none;padding: 0;  overflow: hidden; max-height: 0;transition: .3s ease-in; z-index: 1; border: 1px solid #dcdcdc; border-top: 0;}
.financeWrap .selectBox.active .optionList {max-height: 200px; display: block; overflow-y: scroll;}
.financeWrap .selectBox .optionItem {padding-left: 10px; transition: .1s; height: 40px; line-height: 40px;}
.financeWrap .selectBox .optionItem.on {font-weight: 600; color: #444444;}
.financeWrap .selectBox .optionItem:last-child {border-bottom: 0 none;}
.financeWrap .selectBox .optionList::-webkit-scrollbar {width: 6px;}
.financeWrap .selectBox .optionList::-webkit-scrollbar-track {background: transparent; }
.financeWrap .selectBox .optionList::-webkit-scrollbar-thumb {background: #cccccc; border-radius: 45px;}
.financeWrap .selectBox .optionList::-webkit-scrollbar-thumb:hover {background: #cccccc;}

.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; }
.financeCont	{ position:relative}
.financeCont.mSize{padding-right:190px;}
.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('/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('/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("/images/common/ico_caution.gif") no-repeat 15px 12px; }
.financeCont #btnProposal{width: 130px !important; position: absolute; right:0; top: 330px;}
.financeCont #popProposal{position: absolute; z-index: 5; top: -11%; left:50%; transform: translateX(-210px);width: 700px; background: #ffffff; border: 1px solid #adadad;}
.popProposalCont {height: 700px; overflow: hidden; overflow-y: scroll;}
.popProposalHeader {position: relative;}
.popProposalHeader h1 {position: absolute; top: 49%; left: 50%; transform: translateX(-50%); width: 100%;  background: unset; color: #ffffff; font-size: 38px; letter-spacing: 0; padding: 0 20px; font-weight: 700; font-family: Pretendard !important; box-sizing: border-box;}
.popProposalInner {padding: 10px 20px 30px; font-family: Pretendard !important;}
.popProposalInner h2 {font-weight: 600 !important; font-size: 20px !important; padding: 20px 0 10px !important; font-family: Pretendard !important;}
.popProposalInner p {font-size: 16px; font-family: Pretendard !important; line-height: 22px; padding-bottom: 10px; letter-spacing: -0.5px; word-break: keep-all;}
.popProposalInner p b {font-family: Pretendard !important;}
.popProposalInner p em {text-decoration: underline;}
.popProposalBox {background: #ededed; padding: 8px 38px; margin-bottom: 10px;}
.popProposalBox p {padding: 0;}
.financeCont #popProposal .btnclose{position: absolute; right: 12px; top:12px;}

.financeWrap .btnTypeF, .financeWrap #btnProposal {width: 100px; line-height: 32px; height: 32px; border: 1px solid #888888;}
/*.financeWrap .list tr:first-child td a:first-child {margin-bottom: 7px;}*/
.financeWrap .brn .btnTypeF {box-sizing: border-box; display: inline-block; padding: 0 6px 0 16px;}
.financeWrap .brn .btnTypeF span {background: unset; padding-right: 8px; display: flex; justify-content: space-between; color: #888888;}
.financeWrap .brn .btnTypeF span svg { padding-left: 2px; position: relative; top: 5px;}
.financeWrap .brn .btnTypeF:hover span {background: unset; color: #ffffff;}
.financeWrap .brn .btnTypeF:hover span svg {color: #ffffff;}
.financeWrap .brn .btnTypeF:hover span svg path {color: #ffffff; stroke: #ffffff;}

.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; font-family:nGothicB;}
.eventCalendarWrap ul li .text>p{font-size:15px; color:#454545}
.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; }
.publicArea>p>.downBtn2{display:inline-block; margin-left:10px; vertical-align:middle;}

/* ÁÖ°¡ÇöȲ */
.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-weight:bold; 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:nGothic, '³ª´®°íµñ', dotum, gulim; 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('/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:170px; }
.evpCont dl dt	{ height:127px; padding:90px 0 40px; font-weight:bold; font-size:20px; color:#333; }
.evpCont dl dd	{ margin-bottom:10px; padding-left:10px; font-size:13px; line-height:18px; background:url('/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-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('/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-weight:bold; }
.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('/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-weight:bold; }
.educationalCont dl dd	{ margin-left:18px; padding:0 0 0 7px; font-size:12px; line-height:20px; background:url('/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('/images/common/blt4.gif') no-repeat left 7px; }
.systemWrap ol li dl dt	{ padding-bottom:10px; font-weight:bold; 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('/images/recruit/ico_arrow.gif') no-repeat right 52px; text-align:center; }
.systemWrap dd.class p span	{ display:block; height:130px; padding-top:20px; border-bottom:1px solid #dbdbdb; }
.systemWrap dd.class p.last	{ background:none;}

/* ÀλçÁ¦µµ - º¹¸®ÈÄ»ý */
.welfareWrap{}
.welfareWrap .list2 p.blt1{padding-left:10px; background:url('/carezone/image/common/blt1.gif') no-repeat 4px 6px;}

/* ÀλçÁ¦µµ - ä¿ë¾È³» */
.programArea .tabTypeB li.on a:before {content:'';display:block;width: 100%;height: 1px;background: #fff;position:absolute;bottom: -1px;left:0; border-left: 1px solid #c70752;border-right: 1px solid #c70752;box-sizing: border-box;}
.programArea p.text{font-size: 15px; margin-bottom: 40px;}
.programCont{}
.programCont .stepCont{margin-bottom:80px; padding:50px 0 80px; border:1px solid #c70752;}
.programCont .stepCont > p.fontType4{margin-bottom:50px; font-size: 24px; font-weight: 600;}
.programCont .step li{position: relative; display: inline-block; width: 168px; background: url(/images/recruit/step_arrow.png) no-repeat right 44px;}
.programCont .prgmList{border-top:2px solid #6b6b6b; border-bottom: 2px solid #6b6b6b;}
.programCont .prgmList li{font-size: 0;background:#f8f8f8; border-bottom: 1px solid #dcdcdc;}
.programCont .prgmList li > div{display:inline-block; width:20%; box-sizing: border-box; vertical-align: middle;}
.programCont .prgmList li > div span {display: block; margin-bottom:10px; font-size: 15px; font-weight: 600;}
.programCont .prgmList li > div strong {font-size: 22px; font-weight: 500;}
.programCont .prgmList li .txt{width:80%; padding:40px 50px; font-size: 15px; background:#fff; line-height: 1.6;}

/* ä¿ë¾È³» - ä¿ëÇÁ·Î±×·¥ - ¼±¹èµéÀÇÇѸ¶µðÆ˾÷ */
.popAdvice .popHeader {height:145px; border-top:0;}
.popAdvice .popHeader h1 {position:static; background:#eee;}
.adviceList li {padding-bottom:55px; overflow:hidden;background:#eeeeee;}
.adviceList li.even {background:#f8f8f8;}
.adviceList li .thumb {float:left; width:257px; padding-left:40px;}
.adviceList li .cont {float:left; width:565px; padding-top:60px;}
.adviceList li .cont p {margin-bottom:10px; font-size:15px; line-height:24px; text-align:justify; color:#333; word-break:keep-all; }
.adviceList li .cont p strong{ }

/* ä¿ë¾È³» - Á÷¹«¼Ò°³ */
.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; }
.faqHead a.btn	{ position:absolute; right:23px; bottom:20px; }
.faqHead a.btnType1	{ padding:0 !important; width:160px; font-size:12px !important; color:#454545 !important; }
.qnaHead	{ height:60px !important; }

/* 1:1 ¹®ÀÇ */
.nonmemberQna .caution{margin-bottom:80px;}
.nonmemberQna .caution p{font-size:20px; font-weight:600; color:#121212;}
.nonmemberQna .caution ul{padding:24px 0; border-bottom:2px solid #000;}
.nonmemberQna .caution li{position:relative; padding-left:10px; font-size:15px; line-height:25px; letter-spacing:-0.25px; color:#121212;}
.nonmemberQna .caution li:before{content:''; position:absolute; display:block; width:4px; height:4px; background:#121212; border-radius:50%; left:0;top:50%; transform:translateY(-50%);}
.nonmemberQna .faqHead{margin-bottom:65px;}
.nonmemberQna .privacyForm{margin:60px 0;}
.nonmemberQna .privacyForm .form{border-bottom: 0;}
.nonmemberQna .privacyForm input{box-sizing: border-box;}
.nonmemberQna .privacyForm .auth > div{ margin-bottom:5px;}
.nonmemberQna .postBtn{display:inline-block; width:162px; height:35px; color:#fff; text-align:center; line-height:35px; background:#4c4c4c;  vertical-align:middle;}
.nonmemberQna .privacyForm .ess{margin-bottom:8px; text-align:right; color:#000;}

.quickWrap {position:fixed; top:309px; right:50%; width:154px; margin-right:-757px; z-index:11;}
.quickWrap .quickMenu {width:100%; box-sizing:border-box; border:1px solid #dedede;}
.quickWrap .quickMenu img {width:100%; height:100%; cursor:pointer;}
.quickWrap .quickMenu p.toptxt {border-top:4px solid #dedede;text-align:center; font-size:15px;}
.quickWrap .quickMenu p {font-size:14px; color:#6d6d6d; background:#fff; padding:18px 8px; line-height:20px; letter-spacing:-1px;}
.quickWrap .quickMenu p strong {display:block; color:#444; font-size:20px; font-weight:600; padding:10px 0;}
.quickWrap .quickMenu p span {font-size:13px; color:#505050;}
.quickWrap .quickMenu p span > span {display: inline-block; width: 42%;}

/* MSDS */
.msdsArea .faqHead	{ height:90px !important;}
.msdsCont	{ *zoom:1; }
.msdsCont:after	{ content:""; display:block; clear:both; }
.msdsCont h3	{ font-weight:bold; font-size:22px; color:#333; line-height:35px; }
.msdsCont h3 span	{ font-weight:normal; 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('/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('/images/common/blt10.gif') no-repeat left 7px;  font-size:13px; color:#666; line-height:20px; }
.msdsTxt p spen	{ color:#333; font-weight:bold; }

/********** i-Connect **********/
/* ¾ÆÀ̵ð¾î Á¦¾È - index */
.ideaIndex	{ margin-top:-55px; padding-top:75px; background:url("/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; min-height:290px; padding:50px 10px 40px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.ideaIndexCont .fl	{  }
.ideaIndexCont .fr	{  }
.ideaIndexCont h3	{ padding-bottom:25px; font-family:nGothicB; font-weight:bold; font-size:22px; color:#333; }
.ideaIndexCont p.text	{ min-height:156px; font-size:13px; line-height:22px; }
.ideaIndexCont p.btnArea	{ padding:0; }

/* ¾à°üµ¿ÀÇ */
.ideaArea	{}
.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("/images/iconnect/ico_next.gif") no-repeat 100% center; }
.ideaArea .step li.on	{ background-image:url("/images/iconnect/ico_next2.gif"); }
.ideaArea .step li.bgn	{ width:234px; }
.ideaArea p.text	{ padding:0 0 50px; line-height:22px; }

.ideaArea .list	{ border-bottom:1px solid #dcdcdc !important; }

.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; }

#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:nGothicB; font-weight:bold; font-size:20px; color:#454545; line-height:22px; background:url('/images/common/ico_caution.gif') no-repeat left 3px; }
.ideaArea h3 span	{ display:inline-block; margin-left:20px; font-family: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:nGothicB; font-weight:bold; 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('/images/common/ico_caution.gif') no-repeat left 2px; }
.scrutinyHead	{ position:relative; height:302px; background:url('/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:20px; 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:840px; top:0; }

.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:nGothicB; font-weight:bold; 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; height:406px; margin:0 2px 2px 0; background:url('/images/common/bg_box_bot.gif') no-repeat left bottom; }
.reviewList .bgWrap	{ padding:3px 7px 20px 5px; background:url('/images/common/bg_box_top.gif') no-repeat left top; }
.reviewList div.cont	{ margin:0 10px; }
.reviewList h3	{ padding:15px 0 10px; font-weight:bold; 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-weight:bold; color:#757575 !important; line-height:38px; border:1px solid #ebebeb; background:#fbfbfb; }
.reviewArea .btnArea a span	{ display:inline-block; padding-right:15px; background:url('/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 .imgBoundary { width:190px; height:190px; position:relative; border:1px solid #dcdcdc; line-height:190px; text-align:center; background:#fff; }
.myReviewCont div.proInfo .imgBoundary img	{ max-width:190px; max-height:190px; vertical-align:top; }
.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: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('/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('/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-weight:bold; color:#252525; }
.myIdeaHead dl dd	{ font-size:12px; }
.myIdeaHead ol li.step1	{ width:253px; }
.myIdeaHead ol li.step1 dl	{ background:url('/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('/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('/images/common/division2.gif') no-repeat 100% center; vertical-align:bottom; }

/********** ÅëÇÕ°Ë»ö **********/
.searchWrap	{}
.searchHead	{ padding:65px 0 120px;}
.searchHead fieldset	{ position:relative; width: 100%; overflow:hidden; }
.searchHead span.tit	{ position:absolute; left:0; top:9px; display:block; }
.searchHead input[type=text]{display: block; margin: 0 auto; width: 800px; height: 75px; padding: 20px 0; box-sizing: border-box; font-size: 32px; line-height :35px; color: #333333; border: 0; border-bottom: 2px solid #d9d9d9; outline: none; vertical-align:top; }
.searchHead input::placeholder {color: #d9d9d9;}
.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-weight:bold; 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('/images/common/division2.gif') no-repeat 100% center; vertical-align:bottom; }
.searchHead .new_search_clear_btn {display: none; position: absolute; right: 230px; top: 50%; transform: translateY(-50%); padding: 0; border: 0; background: transparent; cursor: pointer; vertical-align: top;}
.searchHead .new_search_clear_btn.on {display: block;}
.searchHead .new_search_clear_btn svg {vertical-align: top; color: #111111;}
.searchBtn {position: absolute; top: 50%; transform: translateY(-50%); right: 170px;}
.searchBtn:hover svg g path {fill: #C60E41; transition: all 0.2s ease-in;}
.searchResult	{ padding: 0 0 120px; text-align:center; }
.searchResult p.tit	{ font-size:26px; color:#000; line-height:26px; letter-spacing:-1px; }
.searchResult .txt	{ display:inline-block; margin-top:20px; padding:10px 10px 0; font-size:13px; border-top:1px solid #dcdcdc; }
.searchResult .btnTypeF {padding-right: 18px;}
.searchResult .btnTypeF:hover {color: #ffffff;}
.searchTab .btnTypeF {padding: 0 18px; height: 34px; line-height: 34px; font-size: 14px; border: 1px solid #888888; color: #888888;}

.searchCont .section	{ position:relative; padding-bottom: 80px;}
.searchCont .section dt {padding: 15px 0 0; font-size: 16px;}
.searchCont .section dt a {color: #C60E41;}
.searchCont .section dd { padding-top:10px; line-height:22px; font-size: 16px; overflow:hidden; font-weight: 600; }
#contArea .searchCont .section h2	{ height: 43px; padding:0; background:none; }
.searchCont .section h2 strong	{ display:inline-block; margin-top:-1px; padding:15px 10px 0 0; font-size:24px; color:#000; font-weight: bold;}
.searchCont .section h2 span	{ display:inline-block; padding-left:10px; font-size:16px; font-weight: normal;}
.searchCont .section h2.bn strong	{ border-top:none; }
.searchCont .section .listTypeA	{ border:0; margin:-30px 0; }
.searchCont .section .listTypeA li div.cont-thumb	{ width:255px; }
.searchCont .section .listTypeA li h3 .tit {width: 255px;}
.searchCont .section .listTypeA.PRList {overflow: hidden; margin: 0;}
.searchCont .section .listTypeA.PRList li {float: left; width: 256px; word-break: break-all; border-top: 0; padding: 20px 44px 0 0;}
.searchCont .section .listTypeA.PRList li:last-child {padding-right: 0;}
.searchCont .section .listTypeA.PRList li a span {color: #C60E41; font-size: 16px;}
.searchCont .section .listTypeA.PRList li a .tit {font-size: 16px; font-weight: 600;}
.searchCont .section .searchDate {font-size: 12px; padding-top: 10px; color: #666666;}
.searchCont .section p.rBtn	{ position:absolute; right:0; top: 3px; }
.searchCont .section p.rBtn .btnTypeF {height: 34px; line-height: 34px;}
.searchCont .section p.rBtn .btnTypeF span {font-size: 14px; }
.searchCont .section .reviewArea	{ padding:0; border:none; }

.searchCont .productList li { float:left; margin:0 20px 50px 20px; }
.searchCont .productList li span.cont	{ display:block; padding:0 10px 0 10px; font-size:12px; color:#555; line-height:16px; text-align:center; }
.searchCont ul.productList .imgBoundary { width:190px; height:190px; line-height:190px; text-align:center; border:1px solid #dcdcdc; background:#fff; }
.searchCont ul.productList .imgBoundary img { max-width:190px; max-height:190px; vertical-align:top; }
.searchCont .section .cfList {border: none;}
.searchCont .section .cfList li	{ padding: 20px 44px 0 0;}
.searchCont .section .cfList li.last	{ padding-right:0; }
.searchCont .section .cfList dt	{ color: #C60E41;}

.searchCont .searchTab {display: flex; margin-bottom: 45px;}
.searchCont .searchTab li {margin-right: 10px;}
.searchCont .searchTab li a {height: 34px; line-height: 34px;}
.searchCont .searchTab li a:hover {color: #ffffff;}

/* °Ë»ö-Èı⠸®½ºÆ® */
.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('/images/common/bg_box_bot.gif') no-repeat left bottom; }
.reviewList2 li .bgWrap	{ padding:3px 7px 20px 5px; background:url('/images/common/bg_box_top.gif') no-repeat left top; }
.reviewList2 div.cont	{ margin:0 10px; }
.reviewList2 h3	{ padding:15px 0 10px; font-weight:bold; 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; }

/********** _ popup **********/
#popWrap	{ width:100%; }
#popContainer	{}

/* ·Î±×ÀÎ */
.loginWrap	{ width:795px; border-top:4px solid #4c4c4c; }
.loginWrap h1	{ height:45px; font-weight:bold; font-size:16px; color:#333;}
.loginHead	{ position:relative; height:106px; padding-left:40px; background:#737373; overflow:hidden; }
.loginCont	{ position:relative; float:left; width:313px; height:184px; margin:30px 0; padding:0 121px 0 40px; border-right:1px solid #ebebeb; }
.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-weight:bold; font-size:13px; color:#454545; line-height:33px; background:url('/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:45px;  }
.loginCont .btnArea	{ margin-right:-117px; padding:40px 0 0 35px; text-align:left; }
.loginCont .btnArea a.btnType1	{ width:97px; padding:0; }

.snsLoginCont	{ float:right; width:244px; height:184px; margin:30px 0; padding:0 38px; }
.loginFoot	{ clear:both; height:52px; padding:17px 0 0; 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('/images/common/ico_caution.gif') no-repeat left 3px; }

/* login_social */
.loginWrap #smartLoginWrapper	{ width:244px !important; height:140px !important; }
.loginWrap #smartLoginContent_top	{ position:relative; margin:0 !important; }
.loginWrap #smartLoginContent_list	{ overflow:hidden; }
.loginWrap #smart_view_container #smartLoginWrapper *	{ font-size:12px !important; }
.loginWrap #smartLoginContent_list .snsLoginBox.login_wrapper	{ width:115px !important; }
.loginWrap #smartLoginContent #contentTop_right	{ position:static; width:auto !important; padding-top:116px; }
.loginWrap #smartLogout	{ float:none !important; margin:0 !important; }
.loginWrap #smartLogin_naver,
.loginWrap #smartLogin_google_plus	{ margin-right:0 !important; }

/* Á¦Ç° °Ë»ö */
.pdtSrchWrap	{ padding:15px; }
.pdtSrchWrap h1	{ height:34px; font-weight:bold; 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; margin-top: 130px; padding-top:0; border:none; }
.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 p.slogan	{ float:none; padding:23px 0 0 35px; font-size:18px; line-height:25px; background:url('/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('/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('/images/common/bg_tit3.gif') no-repeat 35px top !important; }
.headArea7	{ background:url('/images/visual/visual_7.jpg') no-repeat center top; }
.headArea8	{ background:url('/images/visual/visual_8.jpg') no-repeat center top; }
.headArea9	{ background:url('/images/visual/visual_9.jpg') no-repeat center top; }
.headArea10	{ background:url('/images/visual/visual_10.jpg') no-repeat center top; }
.headArea11	{ background:url('/images/visual/visual_13.jpg') no-repeat center top; }
.headArea12	{ background:url('/images/visual/visual_12.jpg') no-repeat center top; }

#contArea .subIndexWrap h2	{ padding:15px 0 0; font-size:38px; line-height:40px; font-weight:bold; background:none; }
.subIndexWrap	{ *zoom:1; }
.subIndexWrap:after	{ content:""; display:block; clear:both; }
.subIndexWrap h3	{ padding:20px 0 10px; font-weight:bold; font-size:24px; color:#333; line-height:30px; letter-spacing:-1px; }
.subIndexWrap>div	{ position:relative; }
.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; }
.investCont.subIndexWrap div.fr .section>li p.text{ min-height: 80px;}
.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; }

dl.contNav	{ margin-top:20px; *zoom:1; }
dl.contNav:after	{ content:""; display:block; clear:both; }
dl.contNav dd	{ float:left; line-height:28px; }
dl.contNav dd a	{ display:inline-block; padding-left:23px; font-size:15px; color:#333; background:url('/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	{ float:left; line-height:28px; }
dl.contNav2 dd a	{ display:inline-block; padding-left:15px; font-size:15px; color:#454545; background:url('/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:50% !important; }
.contNum3>li,
.contNum3>dd	{ width:33.3% !important; }
.contNum4>li,
.contNum4>dd	{ width:20% !important; }

.manageIndexCont .fr .contNum2>li{width:50%!important;}
.manageIndexCont .fr .contNum2 dd{width:100%!important;}
.manageIndexCont .fr .contNum2 dd a{font-size:14px;}

/* .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	{ font-size: 0; } /* 380px */
.newsIndexHead div div.thum	{ position:relative; display: inline-block; width:520px; margin-bottom:25px; box-sizing: border-box;}
.newsIndexHead div div.thum:nth-child(2n){float:left;}
.newsIndexHead div div.thum:nth-child(2n+1){float: right;}
.newsIndexHead div div.thum a	{ display:block; padding-left:240px;}
.newsIndexHead div div.thum img	{ position:absolute; left:0; top:0; }
.newsIndexHead div div.thum strong	{ display:block; min-height:63px; font-size:16px; line-height:26px; color:#333; font-weight: 600; padding:0 0 10px; letter-spacing:-1px; overflow:hidden; border-bottom: 1px solid #333;}
.newsIndexHead div div.thum p	{padding-top:30px; min-height:82px; font-size:14px; line-height:20px; }
.newsIndexHead div div.thum span.date	{ display:block; padding-top:10px; font-size:11px; }
.newsIndexHead div ul	{ padding-top:20px; border-top:1px solid #f1f1f1; }
.newsIndexHead div ul li	{ position:relative; padding:0 70px 0 10px; line-height:26px; background:url('/images/common/blt1.gif') no-repeat 0 10px; vertical-align:top; }
.newsIndexHead div ul li a	{ display:block; color:#333 !important; }
.newsIndexHead div 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:24px; height:24px; z-index:10; overflow:hidden; padding:0; line-height:18px; margin-top:360px;}
.eventBannArea h4 a	{ display:inline-block; width:24px; height:24px; font-size:0; line-height:0; padding:0; margin:0; background-image:url('/images/main/btn.gif'); background-repeat:no-repeat; background-position:0 -24px; 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('/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('/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('/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('/images/company/ico_ci.jpg') no-repeat left top; }
.companyIndexCont .section li dl.contNav2	{ margin-top:0 !important; }
.companyIndexCont .section li dl.contNav2 dd	{ width:160px !important; }
.companyIndexCont .section li dl.contNav2 dd.fr	{ width:185px !important; }

/* Á¤µµ°æ¿µ À妽º */
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-size:15px; color:#454545; background:url('/images/common/blt7.gif') no-repeat 0 center; }
ul.rightNav li.r01 p	{ margin-left:14px; background:url('/images/right/ico_right.gif') no-repeat 0 0; }
ul.rightNav li.r02 p	{ margin-right:14px; background:url('/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 p.text-bg	{ min-height:65px !important; padding-left:84px; line-height:22px; word-spacing:-1px; background:url('/images/manage/ico_manage.gif') no-repeat left top; }
.manageIndexCont .btnArea2{padding-top:22px;}
.manageIndexCont .btnArea a{display:inline-block; width:100%; padding:17px 0; border:1px solid #dedede; color:#222; text-align:center; }
.manageIndexCont .btnArea a:focus,
.manageIndexCont .btnArea a:hover,
.manageIndexCont .btnArea a:active{color:#fff !important; background:#c70752; }
.manageIndexCont .btnArea a span{padding-left:24px;background:url('/images/common/blt1.png') no-repeat 0 50%}
.manageIndexCont .btnArea a{display:inline-block; width:100%; padding:17px 0; border:1px solid #dedede; color:#222; text-align:center; }
.manageIndexCont .btnArea a:focus span,
.manageIndexCont .btnArea a:hover span,
.manageIndexCont .btnArea a:active span{background:url('/images/common/blt2.png') no-repeat 0 50%}
.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: 18px;}
.manageIndexCont .download_btn:hover svg path {stroke: #ffffff; color: #ffffff;}

	/* ÅõÀÚÁ¤º¸ À妽º */
.irIndexCont	{position:relative; }
.irIndexCont .section li p.text-bg	{ min-height:66px !important; padding-left:93px; background:url('/images/ir/ico_ir.gif') no-repeat left top; }
.irIndexCont .section p.announcement	{ position:absolute; right:11px; top:20px; }
.irIndexCont .contNum2>li,
.irIndexCont .contNum2>dd	{ width:33% !important; }

/* ä¿ë¾È³» À妽º */
.recruitIndexCont	{  }
.recruitIndexCont li dl dd.fr	{ width:88px; }

/* °í°´¼¾ÅÍ sidebar*/
#cusSidebar{width:220px;}
#cusSidebar .title{margin-bottom:76px; padding:20px 0; border-top:4px solid #bf0051; font-weight:600; font-size:30px;}
#cusSidebar > ul > li{overflow: hidden;}
#cusSidebar > ul > li > a{display:block; position:relative; padding:30px 0 20px; border-top:1px solid #9c9a95; color:#39352c; font-size:18px; background:url('/images/customer/blt_arrowR.png') no-repeat 95% center;}
#cusSidebar > ul >li.on > a{color:#bf0051; font-weight:600;}
#cusSidebar > ul > li > a:hover{color:#bf0051;}
#cusSidebar > ul > li > a.on:before{content:''; display: block; position: absolute; top:27px; right:7px; width:9px; height:13px; padding:0 5px; transform: rotate(90deg); background:#fff url('/images/customer/blt_arrowR.png') no-repeat center right;}/*  SubNav */
#cusSidebar .subMenu{height:0;}
#cusSidebar .subMenu a{display:block; padding:27px 15px; background: #f6f6f6; text-align: right; border-top: 1px solid #9c9a95; font-size: 18px;}
#cusSidebar .subMenu li.on a{font-weight: 600; }
#cusSidebar .custoInfo{border-top:1px solid #9c9a95; padding:10px; background:#f6f6f6;}
.custoInfo dl	{ padding-bottom:15px; *zoom:1; }
.custoInfo dl dt	{color:#333; line-height:30px;}
.custoInfo dl dd	{font-size:15px; letter-spacing: 1px;}
.custoInfo dl dd span {display: inline-block; width: 40%; }

/* °í°´¼¾ÅÍ À妽º */
.subIndex #container #contArea .locationArea{display:block; margin:-42px 0 12px -14px; padding:0;}
.subIndex #container #contArea #location{display:block;}

.subIndex #container #contArea.cusIndexWrap{width:880px;}
.cusIndexWrap *{color:#4c4c4c;}
.cusIndexWrap h3	{ padding:0 0 10px; font-weight:bold; font-size:24px; color:#333; line-height:30px; }
.cusIndexWrap .noticeArea{min-height:auto; margin-bottom:50px; padding:14px; border-top:2px solid #39352c; border-bottom:1px solid #39352c;}
.cusIndexWrap .noticeArea span{padding-right:15px;}

.cusIndexWrap .section{}
.cusIndexWrap .section .title{font-size:25px;}

.qnaSrchArea	{ position:relative; min-height:126px;  margin-bottom:70px;}
.qnaSrchArea fieldset	{  }
.qnaSrchArea select{width:135px; height:54px; border:2px solid #39352c; text-indent:-5px; font-weight:600; text-align-last:center; text-align:center; -ms-text-align-last:center;-moz-text-align-last:center;
	background:#fff url(/images/common/btn_arrow03.png) no-repeat 96% center; border-radius:0; /* ?????? ???©§? ???? ????? */-webkit-appearance:none; -moz-appearance:none;appearance:none;}
.qnaSrchArea select::-ms-expand{display:none;}
.qnaSrchArea select option{font-weight: normal;}
.qnaSrchArea #input_search{height:50px; border:2px solid #39352c; padding-left:48px; background:url(/images/customer/ico_search.png) no-repeat 2% center;}
.qnaSrchArea fieldset input[type=text]	{ width:548px; vertical-align:top; }
.qnaSrchArea fieldset input[type=image]	{ vertical-align:top; }

.qnaBestArea{margin-bottom:96px;}
.qnaBestArea .faqCont{border:2px solid #39352c; border-left:0; border-right:0;}
.qnaBestArea .faqCont li{padding:14px 0; font-size:16px; border-bottom:1px dashed #4c4c4c;}
.qnaBestArea .faqCont li:last-child{border-bottom: 0;}
.qnaBestArea .faqCont li .num{display:inline-block; width:50px; padding:0 20px; text-align:center; font-weight:600; box-sizing:border-box;}
.qnaBestArea .faqCont li span{display: inline-block; width: 90%; vertical-align: middle;}

.custoLink{}
.custoLink ul li{display:inline-block; width:214px; height:197px; margin-right:3px;}
.custoLink ul li a:before{content:''; display:block; position:absolute; width:62px; height:62px; left:50%; top:40%; transform:translate(-50%,-50%); background-position:center top;}
.custoLink ul li a{position:relative; display:block; height:100%; background:#f6f6f6; text-align:center; line-height:256px;}
.custoLink ul li a:hover{background:#bf0051; color:#fff;}
.custoLink ul li a:hover:before{background-position:center bottom}
.custoLink ul .link1 a:before{background:url('/images/customer/ico_self.png') no-repeat;}
.custoLink ul .link2 a:before{background:url('/images/customer/ico_onetoone.png') no-repeat;}
.custoLink ul .link3 a:before{background:url('/images/customer/ico_notice.png') no-repeat;}
.custoLink ul .link4 a:before{background:url('/images/customer/ico_contactUs.png') no-repeat;}

.customerCenter #contArea{float:right; width:880px;}
.customerCenter #contArea h3.fontType11{margin-bottom:15px; font-weight:600; font-size:25px;}
.customerCenter #contArea h3.fontType11 span{padding-left:20px; border-left:1px solid #39352c; font-size:14px; font-weight:normal;color:#39352c;}

.cstmProcedure *{color:#39352c;}
.cstmProcedure .section{margin-bottom:80px;}

/* °í°´¼¾ÅÍ - °í°´ºÒ¸¸ ó¸® ÀýÂ÷ */
.cstmProcedure .section1{}
.cstmProcedure .section1 > ul{font-size:0; background:url(/images/customer/procedureSection1_bg.png) no-repeat center top;}
.cstmProcedure .section1 > ul > li{display:inline-block; width:25%; text-align:center; vertical-align:top; font-size:23px; font-weight:600; padding-top:50px;}
.cstmProcedure .section1 ul li span{display:block; margin-bottom:25px;}
.cstmProcedure .section1 ul li .icon{min-height:94px;  background:url(/images/customer/procedureSection1_arrow.png) no-repeat right center;}
.cstmProcedure .section1 ul li:last-child .icon{background:none;}
.cstmProcedure .section1 .txtBox{display:inline-flex; flex-flow:column; justify-content:center; width:190px; height:216px; margin-top:30px; background:#f6f6f6; text-align:center;}
.cstmProcedure .section1 .txtBox li{font-size:17px; line-height:25px;}
.cstmProcedure .section1 .txtBox span{font-size:13px;line-height:normal;}

/* °í°´¼¾ÅÍ - °í°´ºÒ¸¸ 󸮱âÁØ */
.cstmProcedure .section2 table{}
.cstmProcedure .section2 table th{height:45px; background:#f6f6f6; border:2px solid #39352c; border-right-width:1px; border-left-width:1px;}
.cstmProcedure .section2 table td{padding:20px; border:1px solid #39352c; color:#4c4c4c; font-size:16px; }
.cstmProcedure .section2 table td:first-child{vertical-align:top;}
.cstmProcedure .section2 table td b{display:block; margin-bottom:10px; font-size:18px; font-weight:600;}
.cstmProcedure .section2 table td div{color:#666; font-size:14px;}
.cstmProcedure .section2 table td li{position:relative; padding-left:10px;font-size:16px;  line-height:22px;}
.cstmProcedure .section2 table td li:before{content:'??';position:absolute; left:0; }
.cstmProcedure .section2 table .dashCont li:before{content:'-';position:absolute; left:0; }
.cstmProcedure .section2 table th:first-child,
.cstmProcedure .section2 table td:first-child{border-left:0;}
.cstmProcedure .section2 table th:last-child,
.cstmProcedure .section2 table td:last-child{border-right:0;}
.cstmProcedure .section2 table .borderC{border-bottom:2px solid #39352c;}
.cstmProcedure .section2 .footnote{ padding:10px 0; letter-spacing:-0.25px; line-height: 1.6;}

/* °£ÆíÇØ°á - ÀÚÁÖ¹¯´Â Áú¹® */
.easySolution .section{}
.easySolution .section1{margin-bottom:48px;}
.easySolution .category > p{font-size:34px; text-align:center; font-weight:600; margin:30px 0;}
.easySolution .category > ul > li{position:relative; display:inline-block; width:283px; height:159px; margin-right:11px; margin-bottom:11px;}
.easySolution .category > ul > li:first-child{margin-right:11px;}
.easySolution .category > ul > li:nth-child(3n){margin-right:0;}
.easySolution .category > ul div{position:absolute; left:0; top:0; width:100%; height:100%; }
.easySolution .category > ul .icon{text-align:center; line-height:159px; opacity:1; background:#f6f6f6;}
.easySolution .category > ul .icon img{vertical-align:middle;}
.easySolution .category > ul .prdTxt{background:#bf0051; display: none;}
.easySolution .category .prdTxt ul{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
.easySolution .category .prdTxt li{color:#fff; font-size:16px; line-height:27px; letter-spacing:-0.25px;}
.easySolution .category .prdTxt li a{color:#fff; display: inline-block; z-index: 5; position: relative;}
.easySolution .category ul.half{position:relative; display:inline-block; width:49%; vertical-align:49%; vertical-align:top; left:25%; top:50%; transform:translate(-50%,-50%);}

.easySolution .section2{padding-top: 40px;}
.easySolution .btnColorG{display:inline-block; padding:15px 30px; font-size:20px; font-weight:600; color:#fff; text-align:center; background:#39352c; vertical-align:middle;}
.easySolution select{width:252px; height:54px; border:2px solid #39352c; text-indent:-5px; font-weight:600; text-align-last:center; text-align:center; -ms-text-align-last:center;-moz-text-align-last:center;
	background:#fff url(/images/common/btn_arrow03.png) no-repeat 96% center; border-radius:0; /* ?????? ???©§? ???? ????? */-webkit-appearance:none; -moz-appearance:none;appearance:none;}
.easySolution select option{font-weight:normal;}
.easySolution  select::-ms-expand{display:none;}
.easySolution .srchArea{display:inline-block;}
.easySolution .srchArea input{ width:450px; height:50px; padding:0 40px 0 5px; border:0; border-bottom:2px solid #39352c; box-sizing:border-box;}
.easySolution .srchArea input:focus{outline:none;}
.easySolution .srchArea a{position:absolute; right:0; top:40%; transform:translateY(-50%);}
.easySolution .videoList {margin:40px 0;}
.easySolution .videoList >div{margin:0 0 15px;}
.easySolution .videoList .contTit{font-size:25px; font-weight:600; color:#39352c;}
.easySolution .videoList .more a{display:inline-block; width:22px; height:22px; line-height:22px; color: #fff; font-weight: 600; background: #666; font-size: 22px; text-align: center;}
.easySolution .videoList .more:hover a{background: #c70752;}
.easySolution .videoList ul{font-size:0; padding:20px; background: #f2f2f1;}
.easySolution .videoList ul li{display:inline-block; width:202px; margin-right:10px; text-align:center; vertical-align: top;}
.easySolution .videoList ul li:last-child{margin:0;}
.easySolution .videoList ul li .thum{position:relative; display:block;}
.easySolution .videoList ul li .thum:before{content:''; position:absolute; display:block; bottom:0; left:12px; width:34px; height:34px; background:url('/images/customer/btn_play.png') no-repeat;}
.easySolution .videoList ul li .title{font-size:15px; font-weight:600; color:#1d1d1d;}
.easySolution .videoList ul li b{display:block; padding:20px 0 5px;}
.easySolution .videoList ul li p{font-size:15px; color:#1d1d1d;}

.easySolution .section3{margin-bottom:0;}
.easySolution .clearfix::after{content:''; display:table; clear:both;}
.easySolution .section3 .tabMenu{font-size:0;}
.easySolution .section3 .tabMenu li{display:inline-block; width:50%;}
.easySolution .section3 .tabMenu li a{display:block; padding:20px 0; font-size:20px; text-align:center; color:#fff; background:#39352c; border-bottom :2px solid #bf0051;}
.easySolution .section3 .tabMenu li.on a{font-weight:600; background:#bf0051;}
.easySolution .section3 .listCont{}
.easySolution .section3 .listCont b{font-weight:600;}
.easySolution .section3 .top{padding:20px 0; border-bottom:2px solid #39352c;}
.easySolution .section3 .top *{font-size:15px;}
.easySolution .section3 .top .fr a{background:url('/images/common/btn_arrow03.png') no-repeat right center;}
.easySolution .section3 .top .fr a,
.easySolution .section3 .list li .fr span{display:inline-block; width:100px; text-align:center;}
.easySolution .section3 .list li{padding:20px 0; border-bottom:1px solid #9c9a95;}
.easySolution .section3 .list li .fl{max-width:670px; word-break:break-all; word-wrap:break-word; font-size: 15px;}
.easySolution .section3 .list li .fl b{vertical-align: top;}
.easySolution .section3 .list li .fl span{display:inline-block; max-width:520px;}
.easySolution .section3 .list li .fl:hover *{color:#bf0051;}
.easySolution .section3 .selfList .list .thum{ width:180px; vertical-align:middle;}
.easySolution .section3 .selfList .list li > span{display:inline-block; width:502px; max-width:502px; overflow:hidden;}
.easySolution .section3 .selfList .list li > div{display:inline-block; width:190px; font-size:0;}
.easySolution .section3 .selfList .list li > div span{display:inline-block; width:50%;font-size:14px; text-align:center;}

.easySolution .section3 .view1{border-bottom:2px solid #39352c;}
.easySolution .section3 .view1 .tit .fl *{color:#c70752!important;}
.easySolution .section3 .view1 .tit .fr span{display:inline-block; width:100px; text-align:center;}
.easySolution .section3 .view1 .tit{ padding:20px 0; border-bottom:1px solid #9c9a95;}
.easySolution .section3 .view1 .tit .fl{max-width: 670px; font-size: 16px;}
.easySolution .section3 .view1 .tit .fl span{display: inline-block;max-width: 510px; vertical-align: top;}
.easySolution .section3 .view1 .solution{padding:40px 0; border-bottom:1px dashed #333; font-size: 16px; line-height: 1.5;}
.easySolution .section3 .view1 .solution *{font-size: 16px; line-height: 1.5;}
.easySolution .section3 .view1 .solution .videoContent{width:100%; height:475px;}
.easySolution .section3 .view1 .foot{padding:50px 0; text-align:center;}
.easySolution .section3 .view1 .foot p{margin-bottom:20px; font-size:24px; font-weight:600; color:#39352c; text-align:center;}
.easySolution .section3 .view1 .foot p span{font-size:16px; font-weight:normal;}
.easySolution .section3 .view1 .foot ul{font-size:0;}
.easySolution .section3 .view1 .relatedQ li{display:inline-block; width:252px; height:106px; margin-right:8px; padding:0 10px; text-align:center; background:#f6f6f6; vertical-align:top; box-sizing:border-box;}
.easySolution .section3 .view1 .relatedQ li:last-child{margin-right:0;}
.easySolution .section3 .view1 .relatedQ li a{position:relative;  display:inline-block; top:50%; transform:translateY(-50%);}
.easySolution .section3 .view1 .evaluation{width:567px; margin:0 auto; font-size:0;}
.easySolution .section3 .view1 .evaluation li{display:inline-block; width:20%; margin:45px 0 20px;  text-align:center;}
.easySolution .section3 .view1 .evaluation label{display:block; cursor:pointer;}
.easySolution .section3 .view1 .evaluation span{display:block; font-size:16px; color:#39352c; margin:10px 0;}
.easySolution .section3 .view1 .foot .btnType4{margin:10px 0;}
.easySolution .section3 .listBtn{margin:10px auto; display: block; width: 120px; height: 34px; line-height: 34px; text-align: center; color:#fff;  background: #333;}

/*.qnaSrchArea #input_search{height:50px; border:2px solid #39352c; padding-left:48px; background: url(/images/customer/ico_search.png) no-repeat 2% center;}*/

/*.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('/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('/images/customer/index_msds.gif') no-repeat left top; }
.customerMsdsArea .cont p.text	{ padding:10px 0 0; line-height:22px; }

/* ĪÂù°ú °Ý·Á */
.cstmFormA{margin-top:20px;}
.cstmFormA .tableTit {padding:0 0 10px 40px;font-size: 21px;}
.cstmFormA .tableTit span{padding-left: 10px;font-size:14px;  border-left:1px solid #39352c;}
.cstmFormA .form td{padding-right: 10px;}
.cstmFormA .form input[type="text"],
.cstmFormA .form textarea{width: 100% !important; box-sizing: border-box;}
.cstmFormA  .auth > div{ margin-bottom:5px;}

.cstmFormB .tableTit{font-size: 21px; color:#333; margin-bottom: 10px;}
.cstmFormB .form {width:100%; border:1px solid #000;}
.cstmFormB th{padding:10px 0 ; background:#f8f8f8; text-align: center;}
.cstmFormB td{padding:10px 20px;}

/* Áú¹®°ú ´äº¯ - ÀüÈ­»ó´ã ¿¹¾à */
.callRsrv #contArea{padding:0 17px 0 32px;}
.callRsrv .caution > ul{background: #f3f3f3; padding:10px 0;}
.callRsrv .caution > ul li{margin:10px; line-height: 1;}
.callRsrv .cstmFormA .tableTit {background:url("/images/customer/call.png") no-repeat;}

/* ¸¶ÀÌÆäÀÌÁö - Á¶È¸ */
.mySearchArea{}
.mySearchArea > ul{padding: 50px 40px; font-size: 0; border-top:2px solid #39352c; border-bottom: 2px solid #b0aeab;}
.mySearchArea > ul li{display: inline-block; width: 50%; vertical-align: top;}
.mySearchArea > ul li div{margin-bottom: 30px;}
.mySearchArea > ul li b{display:inline-block; padding-top:12px; font-size: 25px; font-weight: 600; color:#333;}

.mySearchArea .cont{padding:50px 0;}
.mySearchArea .cont .section > strong{display:block; padding-bottom:20px; text-align:center; font-size: 22px; font-weight:600; color:#333;}
.mySearchArea .cont .section > div{display:table; margin: 0 20px; height:216px; background:#f6f6f6; text-align: center;}
.mySearchArea .cont .section div ul{display: table-cell; vertical-align: middle;}
.mySearchArea .cont .section ul li{width:auto; padding:5px 0;}
.mySearchArea .cont .section li span{display:inline-block; min-width:80px; text-align: left;}
.mySearchArea .cont .section .inputArea{display: inline-block;}
.mySearchArea .cont .section li .btnSize90{width:90px; text-align: center!important; vertical-align: middle;}

/* my ĪÂù°ú °Ý·Á */
.myCneArea	{ padding:0 26px; }
.myCneArea .cneHead	{ position:relative; height:60px; margin-bottom:80px; padding:63px 0 0 176px; border:1px solid #ddd;  margin-bottom:70px !important; }
.myCneArea .cneHead > p.tit{position: absolute; left: -25px; top: 26px;}
.myCneArea .viewArea .viewHead{font-size: 0;}
.myCneArea .viewArea .viewHead > p{display: inline-block; width: 25%;}
.myCneArea .cstmFormA .tableTit {background:url("/images/customer/cne.png") no-repeat;}

.contactUsPart {*zoom:1;}
.contactUsPart:after {content:""; display:block; clear:both;}
.contactUsPart li {padding:28px 0 0 100px; height:130px; width:320px; float:right; border-top:1px solid #000000}
.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("/images/common/ico_contactUs1.png") no-repeat 15px 28px;}
.contactUsPart li.part2 {background:url("/images/common/ico_contactUs2.png") no-repeat 15px 28px;}
.contactUsPart li.part2 strong + a{display: inline-block; height: 30px; padding:0 18px; line-height: 30px; color: #fff; background:#c70752;}
.contactUsPart li.part3 {float:left; background:url("/images/common/ico_contactUs3.png") no-repeat 15px 28px; border-bottom:1px solid #dcdcdc}
.contactUsPart li.part4 {background:url("/images/common/ico_contactUs4.png") no-repeat 15px 28px; border-bottom:1px solid #dcdcdc}

.contactUsTel {margin-top:60px; padding:25px 0 25px 18px;; 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("/images/common/blt10.gif") no-repeat left 6px; letter-spacing:-1px;}
.contactUsTel ul li:first-child {margin-left:0;}

/* i-Connect À妽º */
#contArea .iconnectIndex h2	{ height:40px; padding:0; font-size:24px; line-height:30px; background:none; }
#contArea .iconnectIndexHead div.fl h2	{ height:50px; color:#c70953; font-size:28px; }
#contArea .iconnectIndexHead div.fr h2	{ height:50px; }

.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; line-height:30px; color:#454545; }
.iconnectIndexHead div.fl p.text	{ line-height:20px; }
.iconnectIndexHead div.fl p.ideaBtn	{ position:absolute; left:287px; bottom:37px; }
.iconnectIndexHead div.fr	{ width:380px; }
.iconnectIndexHead div.fr .scrutiny	{ height:170px; padding:30px 0 0 20px; background:#f1f1f1; }
.iconnectIndexHead div.fr .scrutiny p.text	{ color:#454545; line-height:22px; }
.iconnectIndexHead div.fr .scrutiny ul	{ height:77px; margin-top:25px; padding-left:104px; background:url('/images/iconnect/ico_scrutiny.gif') no-repeat 0 0; overflow:hidden; }
.iconnectIndexHead div.fr .scrutiny ul li	{ float:left; width:50%; font-family:nGothicB; font-weight:bold; font-size:13px; line-height:28px; background:url('/images/common/division3.gif') no-repeat 0 50%; }
.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:after	{ content:""; display:block; clear:both; }
.iconnectIndexCont div.fl	{ position:relative; width:550px; min-height:175px; padding-right:30px; 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.date	{ position:absolute; right:0; top:50%; font-size:12px; margin-top:-13px; }

.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:nGothicB; font-weight:bold; 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; }

.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;}
.popContactUs {padding:40px 40px;}
.popContactUs h2 {padding:12px 0 15px; font-weight:bold; font-size:22px; color:#454545; background:url('/images/common/bg_tit.gif') no-repeat left top; }

/* My Care À妽º */
.myCare #container	{ padding-top:60px; }
.myCare #contArea	{ float:none; width:100%; }
.myCare h3	{ padding:0 0 10px 20px; font-weight:bold; font-size:24px; color:#333; line-height:30px; }
.myCareList {*zoom:1;}
.myCareList {content:""; display:block; clear:both;}
.myCareList li {padding:28px 20px 10px 0; height:150px; width:31.33%; float:left; border-right:1px solid #dcdcdc}
.myCareList li.last {border:none;}
.myCareList li strong {font-size:22px; line-height:24px; color:#333333;	}
.myCareList li p {padding-top:15px; font-size:13px; line-height:20px; color:#666666;	}
.myCareList li p.text {padding-left:100px;}
.myCareList li p.btn  {float:right; padding-top:40px;}
.myCareList li.part2 {background:url("/images/common/ico_myCare2.png") no-repeat 23px 86px;}
.myCareList li.part3 {float:left; background:url("/images/common/ico_myCare3.png") no-repeat 23px 86px;}
.myCareList li.part4 {float:left; background:url("/images/common/ico_myCare4.png") no-repeat 23px 86px;}
.myCareList li.part4 p.btn.idea {padding-top:20px;}

/********** EVENT **********/
.event #container	{ width:100%; padding:102px 0 0; }
#eventFooter	{ height:45px; background:#000; text-align:center; }
#eventFooter p.copy	{ color:#fff; line-height:45px; }
#eventFooter p.copy span	{ display:inline-block; padding:0 15px; }


#posting_target_div	{ position:absolute; right:0; top:0; }
#livereActionPostingContainer	{ z-index:20 !important; }

/* Èı⾲±â-Á¢±Ù¼ºµµ¿ò¸» */
.accessibilityCont	{ width:827px; margin-bottom:10px; padding:10px 10px 0; border:1px solid #dadada; background:#fafafa; }
.accessibilityCont *	{ font-family:dotum; font-size:11px; color:#666; }
.accessibilityCont strong	{ display:block; font-weight:bold; padding-bottom:5px; font-family:nGothicB;}
.accessibilityCont p	{ padding-bottom:10px; }

/* ·¹À̾î Æ˾÷ */
/* .bgLayer	{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50); background:#000; }
.popLayer	{ position:absolute; left:50%; top:0; background:#fff; }
.popLayer .close	{ position:absolute; right:27px; top:7px; font-size:29px; }
.popup	{ height:100%; background:#fff; }
#popWrap .btnArea	{ text-align:center; }
#popWrap h1	{ height:36px; padding:12px 0 0 23px; margin:0; font-size:19px; font-weight:normal; color:#fff; background:#b32b4e; }
#popContent	{ padding:20px 20px 0; background:#fff; }
#popWrap .text	{ line-height:20px; letter-spacing:-1px; }
#popWrap .btnType1_2, #popWrap .btnType2_2	{ padding-left:15px; padding-right:15px; }
.popLayerCont iframe#iframetPopLayer111 html {overflow-x:hidden;} */

/* µðÀÚÀÎ °ø¸ðÀü  */
.designContest .locationArea {display:none;}
.designContest #container {width:100%; padding-top:102px; background:url(/images/designContest/bg_cont.gif) repeat 0 0;}
.designContest .visualArea {height:835px; background:#0db6d5;}
.designContest .visualArea h2 {padding-top:105px; text-align:center;}
.designContest .dc_contArea {width:960px; margin:0 auto;}
.designContest .contNavi {margin-top:-48px; padding-bottom:45px; text-align:center; *zoom:1;}
.designContest .contNavi:after {content:""; display:block; clear:both;}
.designContest .contNavi li {position:relative; display:inline-block; width:302px; height:96px; margin:0 0px 0 23px; vertical-align:top;}
.designContest .contNavi li a {position:absolute; left:0; top:0; display:block; width:302px; height:96px; text-indent:-3000em; transition:all .0s; *zoom:1;}
.designContest .contNavi li.navi1 a {background:url(/images/designContest/navi1.png) no-repeat 0 0;}
.designContest .contNavi li.navi2 a {background:url(/images/designContest/navi2.png) no-repeat 0 0;}
.designContest .contNavi li.navi3 a {background:url(/images/designContest/navi3.png) no-repeat 0 0;}
.designContest .contNavi li.navi4 a {background:url(/images/designContest/navi4.png) no-repeat 0 0;}
.designContest .contNavi li.navi5 a {background:url(/images/designContest/navi5.png) no-repeat 0 0;}
.designContest .contNavi li.navi6 a {background:url(/images/designContest/navi6.png) no-repeat 0 0;}
.designContest .contNavi li.navi7 a {background:url(/images/designContest/navi7.png) no-repeat 0 0;}
.designContest .contNavi li.navi8 a {background:url(/images/designContest/navi8.png) no-repeat 0 0;}
.designContest .contNavi li.navi9 a {background:url(/images/designContest/navi9.png) no-repeat 0 0;}
.designContest .contNavi li.navi10 a {background:url(/images/designContest/navi10.png) no-repeat 0 0;}
.designContest .contNavi li.on {}
.designContest .contNavi li.on a { position:absolute; top:0; left:0; background-position:0 -96px;}
.designContest .contNavi li:hover a {position:absolute; top:0; left:0; background-position:0 -96px;}
.designContest .contestInfo .section {margin-top:55px; *zoom:1;}
.designContest .contestInfo .section:after {content:""; display:block; clear:both;}

.designContest .contestInfo .sectionTypeA {position:relative; padding:10px 0 0 225px;}
.designContest .contestInfo .sectionTypeA h3 {position:absolute; left:0; top:0;}

.designContest .contestInfo2 {}
.designContest .contestInfo2 h3 {font-size:18px; padding:30px 0 10px;}
.designContest .contestInfo2 p,
.designContest .contestInfo2 dd,
.designContest .contestInfo2 li {font-size:15px; line-height:1.5em; padding:0 0 3px 3px;}
.designContest .contestInfo2 p.red {padding-top:15px; color:#cb0000;}
.designContest .contestInfo2 dt {font-size:17px; padding:10px 0 5px;}
.designContest .contestInfo2 dd span {display:block; padding-left:17px;}

.designContest .blockArea {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:url(/images/designContest/bg_block.png) repeat 0 0; z-index:10000;}
.dc_winnerArea {position:absolute; left:50%; top:10%; margin-left:-500px; width:886px; height:80%; border:7px solid #fa4185;}
.dc_winnerArea h1 {position:relative; padding:5px 0 12px; height:35px; background:#fa4185; color:#fff; text-align:center; font-size:30px; z-index:5;}
.dc_winnerArea .dc_winnerCont {position:relative; left:0; top:0; width:100%; height:100%; background:#fff;  overflow:auto; }
.dc_winnerArea .dc_winnerCont h2 {padding:10px 0; background:#333; color:#fff; text-align:center; font-size:20px;}
.dc_winnerArea .dc_winnerCont img {width:100%;}
.dc_winnerArea .dc_winnerCont .imgArea {position:relative;}
.dc_winnerArea .dc_winnerCont .imgArea .btnDown {position:absolute; right:20px; top:-25px;}
.dc_winnerArea .btnClose {position:absolute; right:-27px; top:-26px; z-index:10;}
.dc_btnTop {display:none; position:fixed; left:50%; top:50%; margin-left:500px; z-index:2;}

.designContest .receiptContArea {text-align:center;}
.designContest .receiptContArea .section {padding-top:45px;}
.designContest .receiptContArea .btnArea {padding-top:60px;}
.designContest .receiptContArea .btnArea a {margin:0 18px;}

.designContest .form {background:#fff;}
.designContest .form th {background:#f2f2f2;}
.designContest .form td {padding-left:30px;}
.designContest .form .btnType3 {height:35px; margin-left:5px; border:none;  line-height:35px; vertical-align:middle; color:#454545 !important; font-size:14px;}
.designContest .form select {height:35px; line-height:35px;}
.designContest .form .txtArea {width:620px;  height:250px;  padding:10px; margin-bottom:5px; line-height:25px;  border:1px solid #dadada; overflow:auto;}
.dc_nonMember h3 {padding-top:10px; height:40px;}
.dc_nonMember .btnArea {}
.dc_nonMember .btnArea a {margin:0 20px;}

.dc_loginArea {width:900px; margin:0 auto;}
.dc_loginArea .section {padding-top:50px;}
.dc_loginArea .nonMemberLogin {padding-top:160px;}
.dc_loginArea h3 {height:40px;}
.dc_loginArea .formArea {position:relative; padding:50px 0 50px 250px; border-top:1px solid #000; border-bottom:1px solid #000; background:#fff;}
.dc_loginArea .formArea p {position:relative; height:35px; padding-left:72px; padding-bottom:6px;}
.dc_loginArea .formArea p label {display:block; position:absolute; left:0; top:0; width:72px; height:35px; line-height:35px; font-weight:bold; color:#454545;}
.dc_loginArea .formArea p label img {vertical-align:middle;}
.dc_loginArea .formArea .btnLogin {display:block; position:absolute; left:563px; top:50px; width:80px; height:74px; border:1px solid #a10b4c; background:#c70752; text-align:center; line-height:74px; color:#fff; font-weight:bold; font-size:14px; font-family:nGothicB;}
.dc_loginArea .formArea .btnLogin img {vertical-align:middle;}
.dc_loginArea .formArea .btnArea {padding-top:30px; padding-left:72px; text-align:left;}
.dc_loginArea .formArea .btnArea .btnType1 {width:70px; margin-right:6px; background:#ebebeb; color:#454545 !important;}
.dc_loginArea .nonMemberLogin .formArea .btnLogin {height:115px; line-height:115px;}

.receiptListArea {position:relative; width:900px; margin:0 auto; padding-top:40px;}
.receiptListArea h3 {height:40px;}
.receiptListArea .btns {position:absolute; top:43px; right:0;}
.receiptListArea .btns a {margin-left:8px;}
.receiptListArea .boardNone {height:250px;border-top:1px solid #000; border-bottom:1px solid #000; background:#fff; line-height:250px; text-align:center;}
.receiptListArea .boardNone img {vertical-align:middle;}
.receiptListArea .btnArea {padding-top:30px;}
.receiptListArea .receiptList {table-layout:fixed; width:100%; background:#fff;}
.receiptListArea .receiptList thead th {height:62px; color:#333; font-size:14px; text-align:center; font-weight:normal; border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #e0e0e0;}
.receiptListArea .receiptList thead tr th:first-child {border-left:none;}
.receiptListArea .receiptList tbody th,
.receiptListArea .receiptList tbody td {padding:21px 0 21px; line-height:18px; color:#666; text-align:center; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-weight:normal;}
.receiptListArea .receiptList tbody th {border-left:none;}

.receiptFormArea {width:900px; padding-top:40px; margin:0 auto;}
.receiptFormArea > .btnArea {}
.receiptFormArea > .btnArea a {margin:0 18px;}
.receiptFormArea h3 {height:40px;}
.receiptFormArea .applyArea {}
.receiptFormArea .applyArea .section {line-height:35px;}
.receiptFormArea .applyArea .section strong {display:inline-block; width:69px; color:#333; font-size:14px; font-weight:bold; font-family:nGothicB;}
.receiptFormArea .applyArea .section label {margin-right:30px; margin-left:0;}
.receiptFormArea .applyArea .section1 {display:inline-block;}
.receiptFormArea .applyArea .section2 {display:inline-block; margin-left:15px;}
.receiptFormArea .applyArea .section3 {padding-top:5px;}
.receiptFormArea .entryInfo {}
.receiptFormArea .entryInfo .inputArea {padding-bottom:9px;}
.receiptFormArea .entryInfo .inputArea label {display:inline-block; margin:0; width:90px; color:#333; font-size:14px; font-weight:bold; font-family:nGothicB;}
.receiptFormArea .entryInfo .inputArea p {padding:5px 0 0 94px; color:#666; font-size:12px;}
.receiptFormArea .entryInfo .textArea {}
.receiptFormArea .entryInfo .textArea strong {display:block; padding:7px 0; color:#333; font-size:14px; font-weight:bold; font-family:nGothicB;}
.receiptFormArea .entryInfo .textArea textarea {width:95%; height:115px;}
.receiptFormArea .schoolInfo {}
.receiptFormArea .schoolInfo .section {padding-bottom:9px;}
.receiptFormArea .schoolInfo .section p {display:inline-block;}
.receiptFormArea .schoolInfo .section p label {display:inlnie-block; width:50px; padding-right:8px; margin:0; text-align:right; color:#333; font-size:14px; font-weight:bold; font-family:nGothicB;}
.receiptFormArea .schoolInfo .section p input {width:140px;}
.receiptFormArea .schoolInfo ul {padding-top:5px;}
.receiptFormArea .schoolInfo ul li {float:none; display:block; width:100%; line-height:19px; font-size:12px; color:#666;}

.receiptCompArea {width:900px; margin:0 auto; padding-top:40px;}
.receiptCompArea h3 {height:40px;}
.receiptCompArea .cont {padding:50px 0; border-top:1px solid #000; border-bottom:1px solid #000; background:#fff; text-align:center;}
.receiptCompArea .cont p {padding:40px 0 0; color:#666; font-size:18px;}

.getWinnerArea {width:900px; padding:40px; margin:0 auto;}
.getWinnerArea .winnerSearch {padding:40px 0 35px 60px;}
.getWinnerArea .winnerSearch input {height:41px; width:600px; padding-left:40px; background:#fff url(/images/designContest/ico_search.png) no-repeat 0 0; line-height:41px; font-size:18px; vertical-align:top;}
.getWinnerArea .winnerSearch a {vertical-align:top;}
.getWinnerArea .winnerSearch a img {vertical-align:top;}

.getWinnerArea .winnerYet {padding-top:50px; font-size:18px; text-align:left; line-height:1.5em; padding-left:60px;}
.getWinnerArea .winnerYet strong{color:#333;}

.getWinnerArea .section {position:relative; min-height:62px; padding:22px 0 35px 127px;}
.getWinnerArea .section h3 {position:absolute; left:60px; top:0;}
.getWinnerArea .section ul {*zoom:1;}
.getWinnerArea .section ul:after {content:""; display:block; clear:both;}
.getWinnerArea .section ul li {float:left; padding-left:5px;  margin-left:30px; line-height:30px; font-size:18px; color:#333;}
.getWinnerArea .section ul li.on {background:#dedede;}
.getWinnerArea .section ul li span {display:inline-block; margin-left:8px; width:140px;}

.getWinnerArea .section2 {padding:40px 0 35px 80px;}
.getWinnerArea .section2 h3 {width:85%; text-align:center; font-size:22px;}
.getWinnerArea .section2 ul li {float:none;}
.getWinnerArea .section2 .fs {width:570px; font-size:15px !important;}

.getWinnerArea .section3 {padding:30px 0 35px 120px;}
.getWinnerArea .section3 h4 {font-size:18px; padding-bottom:10px;}
.getWinnerArea .section3 p {font-size:15px; color:#333; padding:0 0 5px 5px;}

.layerTypeA {position:absolute; left:50%; top:50%; background:#fff;}
.layerTypeA > .tit {display:block; height:48px; padding-left:40px; background:#b32b4e; font-size:18px; color:#fff; line-height:46px;}
.layerTypeA > .tit img {vertical-align:middle;}
.layerTypeA > .cont {padding:0 40px;}
.layerTypeA .btnClose {position:absolute; right:-22px; top:-14px;}

.checkLayer {width:835px; height:420px; margin-left:-417px; margin-top:-220px;}
.checkLayer ol.decimal	{ padding:20px 0 30px; }
.checkLayer ol.decimal li	{ margin:0 0 0 25px; line-height:24px; list-style:decimal; font-size:12px;}
.checkLayer p.fb	{ padding:0 0 5px; font-size:15px; line-height:23px; color:#1f1f1f; }
.checkLayer .findBox	{ border-top:2px solid #969696; overflow:hidden; }
.checkLayer .findBox .article	{ width:345px; padding-bottom:20px; background:#f8f8f8; }
.checkLayer .findBox .article h2	{ height:25px; padding:20px 0 0 9px; margin:0; color:#c7145d; background:#fff;}
.checkLayer .findBox .article p	{ padding:15px 0; text-align:center; font-weight:bold; line-height:19px;}
.checkLayer .findBox .article .btnArea	{ width:295px; padding-top:16px; margin:0 auto; border-top:1px dashed #dddcdc;}

.pwFindLayer {width:400px; height:300px; margin-left:-200px; margin-top:-160px;}
.pwFindLayer .cont {position:relative; padding:40px 40px 0 40px; background:#fff;}
.pwFindLayer .cont p {position:relative; height:35px; padding-left:72px; padding-bottom:6px;}
.pwFindLayer .cont p label {display:block; position:absolute; left:0; top:0; width:72px; height:35px; line-height:35px; font-size:14px; color:#333333;}
.pwFindLayer .cont .btnArea {padding-top:30px;}

.designContestAdmin {height:100%;}
.designContestAdmin #wrapper {height:100%;}
.designContestAdmin #header {display:none;}
.designContestAdmin .locationArea {display:none;}
.designContestAdmin #container {position:relative; min-height:100%; padding:0 0 0 260px; margin:0 auto -74px; width:900px;}
.designContestAdmin #container .containerBody {padding:0 0 174px 0;}
.designContestAdmin #dca_snb {position:absolute; left:0; top:0; height:100%; width:208px; padding:41px 0 0 60px; border-right:1px solid #cccccc; box-sizing:border-box;}
.designContestAdmin #dca_snb li {padding:8px 0 8px 20px;; font-size:16px; letter-spacing:-1px; line-height:20px; }
.designContestAdmin #dca_snb li a {color:#666;}
.designContestAdmin #dca_snb li.over {background:#dedede;}
.designContestAdmin #dca_snb li.over a {color:#333; font-family:nGothicB; font-weight:bold;}
.designContestAdmin .contArea {}
.designContestAdmin .contArea h3 {padding:45px 0 15px 0; font-size:18px; line-height:22px; font-family:nGothicB; font-weight:bold; color:#333333;}
.designContestAdmin #footer {position:relative; padding:30px 0; background:#626465; text-align:center; font-size:12px; color:#fff; z-index:2;}
.designContestAdmin .borderRadius {border-radius:5px;}
.designContestAdmin .btnArea.btns {}
.designContestAdmin .btnArea.btns a {padding:0 20px; margin:0 10px;}

.designContestAdmin .form {background:#fff;}
.designContestAdmin .form th {background:#f2f2f2;}
.designContestAdmin .form td {padding-left:30px;}
.designContestAdmin .form .btnType3 {height:35px; margin-left:5px; border:none;  line-height:35px; vertical-align:middle; color:#454545 !important; font-size:14px;}
.designContestAdmin .form select {height:35px; line-height:35px;}
.designContestAdmin .form td label {margin:0 15px 0 5px}

.dca_loginARea {padding-top:100px;}
.dca_loginARea h3 {font-size: 18px; line-height: 22px; font-family: nGothicB; font-weight: bold; color: #333333;}
.dca_loginARea form {margin-bottom:10px}
.dca_loginARea p.txt {height:auto; margin:0; line-height:20px; font-size:13px; color:#454545; letter-spacing:-1px;}
.dca_loginARea .infoTxt {padding-top:20px; padding-left:250px; line-height:20px; font-size:13px; color:#454545;}

.designContestAdmin .stateCont {border-top:1px solid #000; border-bottom:1px solid #000;}
.designContestAdmin .stateCont > p {padding:12px 0 12px 190px; border-bottom:1px solid #e5e5e5; font-size:14px; line-height:22px; color:#454545;}
.designContestAdmin .stateCont .section {padding:30px 0 30px 50px;}
.designContestAdmin .stateCont .graph {position:relative; display:inline-block; width:600px; height:42px; background:#eeeeee; line-height:42px; vertical-align:middle;}
.designContestAdmin .stateCont strong {display:block; position:absolute; left:0; top:0; width:0; height:42px; line-height:42px;  background:#c70752; text-align:right;  -moz-transition:all .3s; -webkit-transition:all .3s; transition:all .3s;}
.designContestAdmin .stateCont strong span {padding-right:10px; color:#fff;}
.designContestAdmin .stateCont .cntArea {display:inline-block; margin-left:20px; font-size:14px; vertical-align:middle; line-height:42px;}

.searchAreaForm {position:relative; padding-bottom:20px;}
.searchAreaForm .btns {display:inline-block; margin-left:10px;}
.searchAreaForm a {vertical-align:middle;}

.listTypeB {table-layout:fixed; width:100%; background:#fff;}
.listTypeB thead th {height:62px; color:#333; font-size:14px; text-align:center; font-weight:normal; border-top:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #e0e0e0;}
.listTypeB thead tr th:first-child {border-left:none;}
.listTypeB tbody th,
.listTypeB tbody td {padding:21px 0 21px; line-height:18px; color:#666; text-align:center; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-weight:normal;}
.listTypeB tbody th {border-left:none;}

.pagingAdmin {width:100%;text-align:center;line-height:13px;margin-top:30px; margin-bottom:0; z-index:2;}
.pagingAdmin img { vertical-align:middle;padding:0 2px;margin-top:-1px}
.pagingAdmin a,
.pagingAdmin strong	{ padding:0 4px;font-weight:bold; font-family:nGothicB;}
.pagingAdmin a {color:#333333;}
.pagingAdmin strong {color:#700007; text-decoration:underline;}
.pagingAdmin a:hover, .paging b { padding:0 4px;color:#004382;text-decoration:underline; }
.pagingAdmin a img	{ padding:0}
.btnSide {padding-top:0; text-align:right; margin-top:-20px;}

.dca_receiptDetail .applyArea {}
.dca_receiptDetail .applyArea .section {line-height:35px;}
.dca_receiptDetail .applyArea .section strong {display:inline-block; width:69px; color:#333; font-size:14px; font-weight:bold; font-family:nGothicB;}
.dca_receiptDetail .applyArea .section label {margin-right:30px; margin-left:0;}
.dca_receiptDetail .applyArea .section1 {display:inline-block;}
.dca_receiptDetail .applyArea .section2 {display:inline-block; margin-left:15px;}
.dca_receiptDetail .applyArea .section3 {padding-top:5px;}
.dca_receiptDetail .entryInfo {}
.dca_receiptDetail .entryInfo .inputArea {padding-bottom:9px;}
.dca_receiptDetail .entryInfo .inputArea label {display:inline-block; margin:0; width:90px; color:#333; font-size:14px; font-weight:bold; font-family:nGothicB;}
.dca_receiptDetail .entryInfo .inputArea p {padding:5px 0 0 94px; color:#666; font-size:12px;}
.dca_receiptDetail .entryInfo .textArea {}
.dca_receiptDetail .entryInfo .textArea strong {display:block; padding:7px 0; color:#333; font-size:14px; font-weight:bold; font-family:nGothicB;}
.dca_receiptDetail .entryInfo .textArea textarea {width:95%; height:115px;}
.dca_receiptDetail .schoolInfo {}
.dca_receiptDetail .schoolInfo .section {padding-bottom:9px;}
.dca_receiptDetail .schoolInfo .section p {display:inline-block;}
.dca_receiptDetail .schoolInfo .section p span,
.dca_receiptDetail .schoolInfo .section p label {display:inline-block; width:50px; padding-right:8px; margin:0; text-align:right; color:#333; font-size:14px; font-weight:bold; font-family:nGothicB;}
.dca_receiptDetail .schoolInfo .section p.txt {padding:5px 0; min-width:150px;}
.dca_receiptDetail .schoolInfo .section p.txt span {padding-right:0;}
.dca_receiptDetail .schoolInfo .section p input {width:140px;}
.dca_receiptDetail .schoolInfo ul {padding-top:5px;}
.dca_receiptDetail .schoolInfo ul li {float:none; display:block; width:100%; line-height:19px; font-size:12px; color:#666;}
.dca_receiptDetail .result td {padding-top:15px; line-height:22px; font-family:nGothicB; font-weight:bold; color:#333; font-family:nGothicB;}

.dca_stat {position:relative;}
.dca_stat .nowDate {position:absolute; right:0; top:-25px;}
.dca_stat .dayGraphArea {padding-top:40px; margin-bottom:50px; border:1px solid #dadada;}
.dca_stat .dayGraphArea li {position:relative; height:300px;  width:89px !important;}
.dca_stat .dayGraphArea li strong {position:absolute; bottom:-35px; left:0; width:90px; text-align:center;}
.dca_stat .dayGraphArea li div {position:absolute; left:50%; bottom:0; width:40px; height:0; margin-left:-20px; background:#c70752; -moz-transition:all .3s; -webkit-transition:all .3s; transition:all .3s;}
.dca_stat .dayGraphArea li span {display:inline-block; position:absolute; top:-25px; left:-24px; width:89px; line-height:20px; text-align:center;}

.dca_pwChange .formArea {padding-left:195px;}
.dca_pwChange .formArea p {padding-left:125px;}
.dca_pwChange .formArea p label {width:125px;}

	/* ÆÐÄ¡Å×½ºÆ® º°µµ ÆäÀÌÁö */
#wrapper.dyepatch{min-width:auto; background: #fff3e7;}
.dyepatch .mobile{display: none;}
.dyepatch .pc {width:860px; margin:0 auto;}
.dyepatch .pc_cont{position: relative;}
.dyepatch .pc_cont .videoWrap{position: absolute; top: 723px; left: 38px; width: 784px; height: 506px; text-align: right;}
.dyepatch .pc_cont .videoWrap iframe{width: 100%; height: 100%;}
.dyepatch .pc_cont img, .m_cont img{width:100%}

.dyepatch .footer {position:relative; height: 160px; padding: 1%; background: #fec110; }
.dyepatch .footer .logo{position: absolute; top: 50%; transform: translateY(-50%);}
.dyepatch .footer .info{float: right; font-size: 12px; line-height:18px; color:#222;}
.dyepatch .footer .info p{font-weight: 700; color: #000; margin-bottom: 20px;}

@media only screen and (max-width: 780px) {
	.dyepatch .mobile{display: block;}
	.dyepatch .pc {display: none;}
	.dyepatch .m_cont .videoWrap{position: absolute; top: 85vw; left: 4%; width: 92%; height: 52vw; max-height: 460px; text-align: right;}
	.dyepatch .m_cont .videoWrap iframe{width: 100%; height: 100%;}

	.dyepatch .footer{padding: 20px 2% 38% 2%; min-height: 200px;}
	.dyepatch .footer .logo{top: 10%; left:50%; transform: translateX(-50%);}
	.dyepatch .footer .info{margin-top: 20%; text-align: center; float:none;}
}

@media only screen and (min-width: 600px) and (max-width: 780px) {
	.dyepatch .footer .info{margin-top: 20%; text-align: center; float:none; font-size: 18px; line-height: 30px;}
}