@CHARSET "euc-kr";
@import url('default.css');
@import url('common.css');
@import url('layout.css');

/********** 01_BRAND **********/
.brandIndex	{ padding:15px 0 0; }
	.brandIndex ul	{ *zoom:1; }
	.brandIndex ul:after	{ content:""; display:block; clear:both; }
	.brandIndex ul li	{ position:relative; float:left; width:50%; }
	.brandIndex ul li p	{ margin:0 3px 5px; }
	.brandIndex ul li p img	{ max-width:100%; }
	.brandIndex ul li a	{ }
	.brandIndex ul li.first	{ text-align:right; }
	.brandIndex ul li.last	{ text-align:left; }
	.brandIndex ul li.first p	{ margin-left:0; }
	.brandIndex ul li.last p	{ margin-right:0; }

#container .brandDetailWrap h2	{ padding:0 0 10px; border:none; background:none; }
#container .brandInfo h2	{ font-size:16px; padding-bottom:10px; line-height:1.5em; }
.brandDetailWrap .brandSiteBtn	{ display:inline-block; position:absolute; right:0; top:0; padding: 4px 18px 4px 14px; font-size:.85em; background: url('/images/common/arr_right_w.png') no-repeat 92% 42%; background-size: 6px; border-radius: 10px; background-color: #333333; color: #fff; box-sizing: border-box;}
.brandThumb	{ padding: 10px 24px; text-align:center; }
.brandThumb p.thumb	{ border:1px solid #e7e7e7; }
.brandThumb p.thumb img	{ width:100%; }
.brandThumb p.banner {display: block; width: 100%; margin-top: 13px;}
.brandThumb p.banner img {width: 100%;}
.brandThumb .btnArea	{ padding-top:10px; }
.brandThumb .btnArea a	{position:relative; display:inline-block; width: 32px; height:32px; margin: 0 5px;}
.brandThumb .btnArea a img	{ height:100%; }
/*.brandThumb .btnArea a > span {position: absolute; width: calc(100% - 2px); left: 1px; bottom: 1px; font-size: 9px; color: #373737; background: #636466; text-align: center; }*/

.brandInfo	{ padding:25px 0 50px; }
.brandProArea,
.brandNews,
.brandAd	{ padding-bottom:50px; }
.brandProArea	{ position:relative; }
.brandProArea .proList	{ border-bottom:none; }
.brandProArea .proList ul li	{ padding:0; }

.brandNews ul	{ border-color:#dbdbdb; }
.brandNews ul li	{ min-height:95px; }
.brandNews ul li .cont-thumb	{ padding-top:0; }

.brandAdCont	{ text-align:center; }
.brandAdCont a	{ display:inline-block; position:relative; }
.brandAdCont a span	{ display:block; position:absolute; left:50%; top:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background:url('/m/images/common/ico_play2.png') no-repeat 0 0; background-size:50px; }
.brandAdCont img	{ max-width:100%; }

.brandReview .reviewList	{ margin-top:15px; }

.proList	{ border-bottom:1px solid #454545; }
.proList ul	{ max-width:360px; min-width:302px; margin:0 auto; *zoom:1; box-sizing:border-box; }
.proList ul:after	{ content:""; display:block; clear:both; }
.proList ul li	{ float:left; width:50%; padding:10px 0; text-align:center; }
.proList ul li a	{ display:block; margin:0 6px; }
.proList ul li img	{ width:100%; border:1px solid #e7e7e7; }
.proList ul li span.cont	{ display:block; padding-top:7px; height:38px; line-height: 16px; overflow:hidden; }
.proList ul li.first a	{ margin-left:0; }
.proList ul li.last a	{ margin-right:0; }
.proList ul li.none	{ float:none; width:100%; min-height:0; }
.proList ul li.m6	{margin:0 2% 1% 0px; width:49%;}
.proList ul li.last.m6 {margin:0;}

#container .proDetailWrap h2	{ margin:0 -9px; padding:20px 9px; border:none; background:none; }
.proInfoArea	{ padding:0 0 50px; }
	.proInfoThumb	{ margin:0 -9px; border-top:1px solid #454545; border-bottom:1px solid #454545; text-align:center; }
	.proInfoThumb img	{ max-width:100%; }
	.proInfoCont	{}
	.proInfoCont h4	{ display:inline-block; margin:20px 0; padding: 2px 10px; height:18px; font-weight: 500; color:#fff; line-height:18px; background:#000; border-radius: 16px;}
.proInfoCont p {line-height: 1.3em;}
.proListWrap	{ padding-bottom:50px; }
.proListWrap > .btnArea a {height: 30px; line-height: 30px; font-weight: 500; background: #333333 url(/images/common/arr_right_w.png) no-repeat 74% 50%; background-size: 6px; padding-right: 6px; box-sizing: border-box; border: 0; border-radius: 20px;}
.proListArea	{ width:100%; height:150px; border-bottom:1px solid #c0c0c0; }
	.proListArea ul	{ *zoom:1; }
	.proListArea ul:after	{ content:""; display:block; clear:both; }
	.proListArea ul li	{ width:120px; text-align:center; }
	.proListArea ul li img	{ width:105px; height:105px; border:1px solid #e7e7e7; }
	.proListArea ul li span.cont	{ display:block; width:105px; margin:0 auto; padding-top:7px; }
.proReview	{ border-top:1px solid #454545; }

.brandEventCont .brandEventTit > span {padding-left: 9px;}
.brandEventCont .brandEventList {}
.brandEventCont .brandEventList li {width: 100%; margin-bottom: 10px; padding: 0; border : 1px solid #cfcfcf; box-sizing: border-box;}
.brandEventCont .brandEventList li .imgBoundary {width: 100%; }
.brandEventCont .brandEventList li .imgBoundary a {display: block; width: inherit;}
.brandEventCont .brandEventList li .imgBoundary img {width: inherit; object-fit: contain;}


/********** 04_REVIEW **********/
.reviewWrap	{}
#container .reviewWrap h2	{ padding:50px 0 15px; border:none; background:none; }

.bestReview	{ position:relative; margin:0 -9px; padding:10px 9px 0; border-bottom:1px solid #ededed; background:#f8f8f8; }
#slideCont	{ overflow:hidden; }
.slideList	{ position:relative; width:100% !important; *zoom:1; }
.slideList:after	{ content:""; display:block; clear:both; }
.slideList li	{ position:relative; float:left; width:100%; }
.slideList li.on	{ z-index:11 !important; }
.slideList li img	{ width:100%; }
.slideList li a	{ display:block; }

.slideNav	{ padding:8px 0; height:10px; text-align:center; }
.slideNav span	{ display:inline-block; width:10px; height:10px; margin:0 2px; border-radius:10px; text-indent:-2000em; background:#000; }
.slideNav span.on	{ background:#c70752; }

.newReview,
.hotReview	{ margin:0 -9px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }
.newReview ul	{ }
.newReview ul li	{ position:relative; min-height:70px; padding:15px 9px 15px 126px; background:url('/m/images/common/line_dashed.gif') repeat-x 0 0; }
.newReview ul li img	{ position:absolute; left:9px; top:15px; width:108px; }
.newReview ul li span.cont	{ display:inline-block; padding-top:5px; font-weight:bold; font-size:16px; line-height:1.5em; }
.hotReview	{ position:relative; min-height:120px; margin-bottom:50px; padding:15px 9px 15px 126px; }
.hotReview img	{ position:absolute; left:9px; top:15px; width:108px; }

#container .reviewArea h2	{ padding:8px 0 15px; border:none; background:none; }
.reviewArea	{  }
.reviewList	{ overflow:hidden; box-sizing:border-box; }
	.reviewList>div.reviewSection	{ width:47%; height:auto; margin:0 5px 10px; border:1px solid #e0e0e0; box-sizing:border-box; -moz-box-shadow: 0 0 5px #d1d1d1; -webkit-box-shadow: 0 0 5px #d1d1d1; box-shadow: 0 0 5px #d1d1d1;}
	.reviewSection img	{ width:100%; }
	.reviewSection div.cont	{ width:100%; padding:0 5px; box-sizing:border-box; }
	.reviewSection dl	{ padding:10px 0 20px; }
	.reviewSection dt	{ padding-bottom:5px; }
	.reviewSection dd	{ word-break:break-all; }
	.reviewSection dl dd.user	{ padding-top:10px; font-weight:bold; font-size:.85em; }
	#container .reviewSection h3	{ padding:10px 0; color:#191919; border-bottom:1px solid #efefef; }

.reWriteHead	{ padding:25px 0 50px; }
.reWriteHead p.tit	{ padding:0 0 15px; font-weight:bold; color:#c70752; }
.reWriteArea .btnArea,
.searchArea .btnArea	{ overflow:hidden; }
.reWriteArea .btnArea a.btnType4,
.searchArea .btnArea a.btnType4	{ float:left; width:48.5%; }
.reWriteArea .btnArea a.btnType1,
.searchArea .btnArea a.btnType1	{ float:right; width:48.5%; }

.pdtSrchCont	{  }
.pdtSrchCont p.txt	{ padding:25px 0; }
.pdtSrchList	{ border-top:1px solid #454545; border-bottom:1px solid #454545; }
.pdtSrchList ul	{ max-width:360px; min-width:302px; margin:0 auto; *zoom:1; box-sizing:border-box; }
.pdtSrchList ul:after	{ content:""; display:block; clear:both; }
.pdtSrchList ul li	{ float:left; width:50%; padding:20px 0; line-height:1.5em; text-align:center; }
.pdtSrchList ul li div.cont	{ margin:0 5px; }
.pdtSrchList ul li img	{ width:100%; border:1px solid #636466; box-sizing:border-box; }
.pdtSrchList ul li.first div.cont	{ margin-left:0; }
.pdtSrchList ul li.last div.cont	{ margin-right:0; }

/********** 05_NEWS **********/
/* Advertisement */
.cfList	{padding:0 10px;}
.cfList:after	{ content:""; display:block; clear:both; }
.cfList li	{width: 100%; padding:15px 0; }
.cfList li h3	{ height:20px; margin:10px 0; padding:0; color:#191919; line-height:1.3em; word-spacing:-2px; overflow:hidden; }
.cfList li>div.cont	{}
.cfList li p.thumb	{ position:relative; width:100%; }
.cfList li p.thumb img	{ width:100%; height: 160px; object-fit: cover;}
.cfList li p.thumb span	{ display:block; position:absolute; top: 50%; left: 50%; width: 34px; height: 34px; transform: translate(-50%, -50%); background:url('/m/images/common/ico_play2.png') no-repeat 0 0; background-size: 34px; }
.cfList li p.txt	{ height:60px; padding-top:5px; font-size:12px; line-height:1.3em; word-spacing:-2px; border-top:1px solid #efefef; overflow:hidden; }
.cfList li.none	{ float:none; width:100%; padding:30px 0; text-align:center; }

/* ?¥ì??? */
.paperList	{ margin:0 -9px; padding:0 9px; border-top:1px solid #454545; border-bottom:1px solid #454545; *zoom:1; }
.paperList:after	{ content:""; display:block; clear:both; }
.paperList li	{ float:left; width:145px; margin:0 12px 0 0; padding:15px 0; }
.paperList li h3	{ height:40px; padding:10px 0 0; font-weight:bold; color:#191919; overflow:hidden; }
.paperList li p.thumb	{ position:relative; width:100%; height:215px; line-height:215px; border:1px solid #636466; overflow:hidden; box-sizing:border-box; }
.paperList li p.thumb img	{ width:100%; vertical-align:middle; }
.paperList li.none	{ float:none; width:100%; min-height:0; margin:0; padding:30px 0; text-align:center; }
.paperList li.last	{ margin:0; }
@media screen and (orientation: landscape) {
	.paperList li.last	{ margin:0 12px 0 0; }
}
@media only screen and (min-width: 321px) {
	.paperList li	{ width:165px; }
	.paperList li p.thumb	{ height:241px; line-height:241px; }
}
/* ???? */
.eventList	{ margin:0 -9px; padding:0 9px; border-top:1px solid #454545; border-bottom:1px solid #454545; *zoom:1; }
.eventList:after	{ content:""; display:block; clear:both; }
.eventList li	{ float:left; width:50%; padding:15px 0; }
.eventList li div.cont	{ margin:0 6px; }
.eventList li h3	{ height:40px; margin:15px 0 10px; padding:0; color:#191919; line-height:1.3em; overflow:hidden; }
.eventList li p.thumb	{ width:100%; }
.eventList li p.thumb img	{ width:100%; }
.eventList li p.date	{ font-size:.85em; word-spacing:-2px; }
.eventList li.first div.cont	{ margin-left:0; }
.eventList li.last div.cont	{ margin-right:0; }
.eventList li.none	{ clear:both; width:100%; text-align:center; }

.socialArea	{ max-width:360px; min-width:320px; margin:0 auto; box-sizing:border-box; }
	.socialHead	{ padding:20px 0 25px; overflow:hidden; }
	.socialHead li	{ float:left; width:50%; text-align:center; }
	.socialHead li a	{ display:block; margin:0 3px; }
	.socialHead li a img	{ max-width:100%; }
	.socialHead li.first a	{ margin-left:0; }
	.socialHead li.last a	{ margin-right:0; }
	.socialCont	{ position:relative; }
	.socialCont ul	{ *zoom:1; }
	.socialCont ul:after	{ content:""; display:block; clear:both; }
	.socialCont li	{ float:left; width:50%; margin-bottom:5px; text-align:center; }
	.socialCont li img	{ max-width:100%; }
	.socialCont li div.cont	{ margin:0 3px; border:1px solid #636466; box-sizing:border-box; }
	.socialCont li div.cont p.logo	{ padding-bottom:2px; border-bottom:1px solid #636466; }
	.socialCont li div.cont div.btn	{ text-align:left; overflow:hidden; }
	.socialCont li div.cont div.btn a	{ display:inline-block; float:left; width:25%; border-right:1px solid #636466; box-sizing:border-box; text-align:center; }
	.socialCont li div.cont div.btn a.br0 {border-right:none;}
	.socialCont li.first div.cont	{ margin-left:0; }
	.socialCont li.last div.cont	{ margin-right:0; }
#container .socialCont h2	{ padding:0; border:none; background:none; }

/********** 06_Company **********/
/* CEO ????? */
.ceoArea	{}
.ceoArea img	{ display:block; max-width:100%; margin:25px auto 30px; }
.ceoArea .ceoCont	{ padding-bottom:50px; border-bottom:1px solid #c0c0c0; }
#container .ceoArea .ceoCont h3	{ padding:0 0 5px; font-size:1.3em; }
.ceoArea .ceoCont p.text	{ padding:0 0 15px; line-height:1.5em; }
.ceoArea .ceoCont p.text2	{ color:#252525; line-height:1.5em; }
.ceoArea .ceoCont p.text2 span	{ font-size:16px; color:#c70752; }

/* ????? */
.summaryHead	{ margin:0 -9px; padding:0 0 25px; }
.summaryHead img	{ display:block; max-width:100%; margin:0 auto; }
.summaryHead p.tit	{ padding:25px 9px 20px; font-size:2em; color:#252525; }
.summaryHead p.text	{ padding:33px 9px 0; line-height:1.5em; }

/* ????ˆ? */
.comBusinessArea	{  }
.comBusinessArea p.text	{ line-height:1.5em; }
.comBusinessArea .pdtImg	{ text-align:center; }
.comBusinessArea .pdtImg img	{ max-width:100%; }
.comBusinessArea .head	{ padding-bottom:50px; border-bottom:1px solid #c0c0c0; }
.comBusinessArea .cont	{ padding:20px 0 0; }
.comBusinessArea .foot	{ padding:25px 0 0; overflow:hidden; }
.comBusinessArea .foot li	{ float:left; width:50%; text-align:center; }
.comBusinessArea .foot li img	{ max-width:100%; }

/* ???? */
#container .historyCont h2	{ padding:25px 0 15px; border-color:#c0c0c0; background:none; }
.historyCont	{ }
.historyCont dl	{ padding:20px 0; *zoom:1; }
.historyCont dl:after	{ content:""; display:block; clear:both; }
.historyCont dt	{ clear:both; float:left; width:7%; font-weight:bold; line-height:1.5em; }
.historyCont dd	{ float:left; width:93%; line-height:1.5em; }

/* ???????? */
.rndArea	{ }
.rndHead	{ display:flex; flex-flow:column; padding:20px 0 16px; }
.rndHead h3{font-size: 3rem; font-weight: 600; color:#c70752; line-height: 0.8;}
.rndHead h3 span{font-weight: 400; color:#252525; letter-spacing: -0.02rem; line-height: 1.2; font-size: clamp(1rem, 8.2vw, 2rem);}
.rndHead img{align-self: end;}
.rndHead p.text	{padding:32px 10px 0; line-height:1.5em; word-break: keep-all;}

.rndArea .article h2{font-size: 18px; padding-bottom: 20px;}
.rndArea .article h2 span{margin-top: 12px; font-size: 14px; line-height: 26px; letter-spacing: -0.11px; color:#454545; font-weight: 500;}

.rndArea .articleCont:not(:last-of-type){padding-bottom:80px; border-bottom: none;}
#container .rndArea .articleCont h3{padding:24px 0 20px; font-size:18px; color:#252525;  border-top: 1px solid #252525;}
.rndArea .articleCont .text p{font-size: 14px; line-height: 22px; letter-spacing: -0.11px; color:#666; margin-bottom:20px; word-break: keep-all;}
.rndArea .articleCont .text p:last-of-type{margin-bottom: 0;}
.rndArea .articleCont .text .footNote{display:block; margin-top:18px; font-size: 12px; line-height: 18px; color:#888;}
.rndArea .articleCont .text .footNote:nth-of-type(n+2){margin-top:12px;}
.rndArea .articleCont .imgCont img{padding:40px 9px 0; margin:0 auto; box-sizing: border-box;}
.rndFoot	{ }
.rndFoot p.tit	{  }
.rndFoot p.tit img	{ max-width:100%; }
.rndFoot p.text	{ margin:0 -9px; padding:10px 9px; line-height:1.5em; background:#f1f1f1; }
.rndFoot p.text span	{ display:inline-block; padding-bottom:10px; }

.rnd6 .rndHead p.blt{line-height: 1.6; margin-top:20px;}

/* ????? */
#container .awardArea h2	{ padding:25px 0 20px; border-color:#c0c0c0; background:none; }
.awardArea ul.blt	{ padding:20px 0; }

/* ????? ??? */
.factoryArea .tabTypeA p.tit	{ border:none !important; box-shadow:none !important; background:#454545 !important; }
.factoryHead	{ padding:25px 0 30px; }
.factoryHead p.text	{ padding-bottom:20px; line-height:1.5em; }
.factoryList	{ margin-top:-10px; }
.factoryList ul li	{ padding:20px 0; line-height:1.5em; border-bottom:1px solid #c0c0c0; }
.factoryList ul li strong	{ font-weight:normal; }

/* ??????????? */
.storeArea	{}
.storeArea .srchArea	{ margin-bottom:0; }
.storeArea .btnArea	{ overflow:hidden; }
.storeArea .btnArea .btnType1	{ float:right; width:48.5%; }
.storeArea .btnArea .btnType5	{ float:left; width:48.5%; }

#container .storeSrchForm h3	{ margin:20px 0 0; padding:0 0 0 8px; background:url('/m/images/common/blt.gif') no-repeat 0 5px; background-size:3px; }
.storeSrchForm	{ display:none; }
.storeSrchForm .section	{}
.storeSrchForm .section ul	{ *zoom:1; }
.storeSrchForm .section ul:after	{ content:""; display:block; clear:both; }
.storeSrchForm .section ul li	{ float:left; width:33.3%; padding:10px 0; }

.storeList	{ margin-top:50px; border-bottom:1px solid #c0c0c0; }
.storeList li	{ border-top:1px solid #c0c0c0; }
.storeList li p.cont	{ padding:18px 0; line-height:1.5em; }
.storeList li p.btn	{ padding:15px 0 20px; border-top:1px dotted #c0c0c0; }
.storeList li.none	{ padding:20px 0; text-align:center; }
.btnTel	{ display:inline-block; height:30px; padding:0 10px 0 24px; font-weight:bold; line-height:30px; border:1px solid #636466; background:url('/m/images/common/ico_tel.gif') no-repeat 10px 50%; background-size:12px; }
.btnMap	{ display:inline-block; height:30px; padding:0 10px 0 24px; font-weight:bold; line-height:30px; border:1px solid #636466; background:url('/m/images/common/ico_map.gif') no-repeat 10px 50%; background-size:11px 15px; }

#map	{ margin-top:25px; }

/* ??¥é? ?????? */
#container .globalArea h2	{ padding-bottom:5px; border-bottom:none; }
#container .globalArea h3	{ padding:0 0 5px; }
.globalHead	{ padding-bottom:50px; }
.globalHead p.text-line	{ padding:25px 0 20px; border-bottom:1px solid #c0c0c0; }
.globalHead p.text	{ padding-top:20px; line-height:1.5em; }
.globalCont	{ }
.globalCont img	{ display:block; max-width:100%; margin:0 auto; }
.globalCont ul li	{ padding:20px 0; border-bottom:1px solid #c0c0c0; }
.globalCont ul li *	{ line-height:1.5em; }

/********** 07_?????? **********/
.contArea.sinmungoArea .article div.text{font-size: 24px; color:#666; font-weight:400; word-break: keep-all;}
.contArea.sinmungoArea .article div.text span{display:inline-block; color:#000;}
.article	{ padding:25px 0; }
#container .article h3	{ padding:0; font-weight:bold; font-size:16px; margin-bottom: 8px; margin-top: 20px;}
.article img	{ display:block; max-width:100%; margin:30px auto; }
.article p	{ line-height:1.5em; }
.article p.text	{ padding:15px 0 0; line-height:1.5em; }
.article p.text-first	{ padding:0; line-height:1.5em; }
.article p.text-line	{ margin-top:30px; border-top:1px solid #dbdbdb; }
.article dl	{  }
.article dt	{ padding:13px 0 10px; font-weight:bold; }
.article dl:first-child dt,
.article dl dt.first	{ padding-top:0; }
.article dd	{ padding:0 0 0 7px; line-height:1.5em; background:url('/m/images/common/blt.gif') no-repeat 0 7px; }
.article dd.bgn	{ padding:0; }
.article-first	{ padding:0 0 25px !important; }
.article-first p.text	{ padding:0; line-height:1.5em; }
.article-last img	{ margin-bottom:0 !important; }
.article h2 {position:relative;}
.article h2 .btn {position:absolute; right:0; bottom:10px;}
.article h2 .btn .btnType1 {width:auto; height:auto; padding:3px 10px; font-size:12px; line-height:1em;}

.articleCont	{ padding:0 0 20px; border-bottom:1px solid #c0c0c0; }
#container .articleCont h3	{ padding:20px 0 10px; }
.articleCont p.text	{ padding:0; }

.article-history	{  }
.article-history dl	{ position:relative; padding:8px 0; *zoom:1; }
.article-history dl:after	{ content:""; display:block; clear:both; }
.article-history dl dt	{ position:absolute; left:0; top:10px; padding:0; font-size:.9em; line-height:1.5em; }
.article-history dl dd	{ padding-left:35px; line-height:1.5em; background:none; }

/* ??????? */
.ruleArea .article	{ padding:0 0 50px; border-bottom:1px solid #c0c0c0; }
.ruleArea .article p.text	{ padding:0; }
.ruleArea .ruleTitle{ padding: 15px 0; background: none;}
.ruleArea .ruleText{margin: 15px 0; line-height: 1.5em;}

.ruleList	{  }
#container .ruleList h3	{ padding:20px 0 0; font-weight:bold; font-size:16px; }
.ruleList li	{ border-bottom:1px solid #c0c0c0; background:url('/m/images/right/arrow_off.gif') no-repeat 100% 100%; background-size:68px 27px; }
.ruleList li p.text	{ padding:20px 0 0; line-height:1.5em; }
.ruleList li div.head	{ }
.ruleList li div.head p.text	{ padding-bottom:50px; }
.ruleList li div.cont	{ display:none; padding:0 0 50px; }
.ruleList li div.cont dl	{ }
.ruleList li div.cont dt	{ padding:15px 0 10px; font-weight:bold; color:#c90652; }
.ruleList li div.cont dd	{ line-height:1.5em; }

.ruleList li.on	{ border-bottom:2px solid #000; background:url('/m/images/right/arrow_on.gif') no-repeat 100% 100%; background-size:68px 27px; }
	.ruleList li.on div.head	{ border-bottom:1px dotted #dbdbdb; }
	.ruleList li.on div.head p.text	{ padding-bottom:20px; }
	.ruleList li.on div.cont	{ display:block; }

/* ????? ????? */
.sinmungoArea .article	{ border-bottom:1px solid #c0c0c0;}
.sinmungoArea .article img	{ margin:0 auto; }
.sinmungoArea .blt li	{ margin:20px 0 0; }
.sinmungoArea dl	{ padding-top:20px; overflow:hidden; }
.sinmungoArea dl dt	{ clear:both; float:left; width:13%; padding:0 0 0 7px; font-weight:normal; font-size:1em; line-height:1.5em; background:url('/m/images/common/blt.gif') no-repeat 0 7px; word-break: keep-all; }
.sinmungoArea dl dd	{ float:left; width:83%; line-height:1.5em; background:none; word-break: keep-all;}
.sinmungoArea .article.tip>span{display:inline-block; width:68%; vertical-align: top; margin-top: 24px; margin-left:6px;}
.sinmungoArea .article.tip>span.caution{display:block; width:100%; margin:10px 0; padding-left:16px; box-sizing:border-box; color:#757575; font-size:12px; background: url(/images/common/ico_caution.gif) no-repeat left -1px;}
.sinmungoArea .article.tip>a{display:inline-block;}

/********** 08_ESG **********/
/* ?????? ???? */
.carbonNeutral .carbonList01 > div {margin: 10px 0 14px;}
.carbonNeutral .carbonList01 ul li {position: relative; padding-left: 10px; line-height: 1.5em;}
.carbonNeutral .carbonList01 ul li::before {content: '\2022'; position: absolute; top: 0; left: 0; }

#biodiversity .riskWrap ul.step {display: flex; justify-content: space-between; margin-top: 20px;}
#biodiversity .riskWrap ul.step li {position: relative; text-align: center; width: 31%;}
#biodiversity .riskWrap ul.step li::after {content: ''; position: absolute; background: url("/images/common/step_right.png") no-repeat; width: 10px; height: 17px; left: -9%; top: 50%; transform: translateY(-50%);}
#biodiversity .riskWrap ul.step li:first-child::after {display: none;}
#biodiversity .riskWrap ul.step li b {font-size: 15px; color: #c70752; background-color: #fff; padding: 0 6px; width: 100%; margin-bottom: 10px; display: block;}
#biodiversity .riskWrap ul.step li > .stepInner {display: flex; align-items: center; flex-direction: column;}
#biodiversity .riskWrap ul.step li > .stepInner img {width: 40px; height: 40px; margin: 0;}
#biodiversity .riskWrap ul.step li > .stepInner span {margin-top: 8px; line-height: 16px; font-size: 12px; color: #333;}
#biodiversity .riskWrap .riskInner {overflow: hidden; margin-top: 14px;}
#biodiversity .riskWrap .riskInner h3 {margin-top: 30px;}
#biodiversity .riskWrap .riskInner > div span {display: block; font-size: 11px; line-height: 1.6em; margin-top: 4px;}
#biodiversity .riskWrap .riskInner > div:first-child {}
#biodiversity .riskWrap .riskInner > div:first-child img {margin: 6px auto ;}
#biodiversity .riskWrap .riskInner > div:first-child span {font-size: 10px; max-width: 288px; margin: 0 auto;}
#biodiversity .riskWrap .riskInner > div:last-child {}
#biodiversity .riskWrap .riskInner .tbType1 {color: #333;}
#biodiversity .riskWrap .riskInner .tbType1 thead th {font-size: 12px; padding: 8px 14px 8px 5px; text-align: left; border-right: 0;}
#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 8px 5px; line-height: 18px; border-right: 0;}
#biodiversity .riskWrap .riskInner .tbType1 tbody td {font-size: 12px; text-align: left; padding: 8px 14px 8px 5px; line-height: 18px; border-right: 0;}
#biodiversity .riskWrap .riskInner .tbType1 tbody tr.bg > td {color: #c70752;}

#biodiversity .article p.text {word-break: keep-all;}
#biodiversity .imgWrap { padding-bottom: 30px;}
#biodiversity .imgWrap li img {margin: 20px 0 0;}
#biodiversity .imgWrap li span {display: block; margin-top: 3px; font-size: 12px;}

#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 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: 11px; padding-left: 14px;}
#biodiversity ul.imgWrap li span::before {content: '\25B6'; position: absolute; top: 0; left: 0; color: #c70752;}

/* end ?????? ????*/

/* ???????? CEO ????? */
.manageCeoCont .text{margin-bottom: 30px;}
.manageCeoCont .text strong{font-size: 18px;}
.manageCeoCont .text span{font-size: 15px; color: #bd003e; line-height: 1.5;}

.manageCeoCont div{background: url(/images/manage/ceo.jpg) no-repeat top center; background-size: 100%; padding-top: 82%}
.manageCeoCont div p,
.manageCeoText p{margin-bottom: 10px; word-break: keep-all;}

.contArea .manageCeoText h2{border-bottom: none;}

.manageCeoTxt {text-align: right;}
.manageCeoTxt .ceoName {display: inline-block; margin-top: 10px;}
.manageCeoTxt.article img{margin: 0}

/* ???? ????  */
.contArea.propulsionCont h2{border-bottom: none;}
.propulsionCont table tr td p {font-size: 13px; line-height: 21px; position: relative; padding-left: 12px; word-break: keep-all;}
.propulsionCont table tr td p::before {content: '\2022'; position: absolute; left: 0; top: 0;}

.propulsionCont .propulsionCont01 img{margin: 30px auto; width: 80%;}

.propulsionCont .propulsionCont01 .visionArea{margin-top: 50px; word-break: keep-all;}
.propulsionCont .propulsionCont01 .visionArea > p{background: #c00051; text-align: center; color: #fff; padding: 10px 0; font-size: 14px; font-weight: 700; margin-bottom: 3px;}
.propulsionCont .propulsionCont01 .visionArea > ul{display: flex; flex-wrap: wrap; margin-right: -2px;}
.propulsionCont .propulsionCont01 .visionArea > ul > li{width: calc((100% / 3) - 6px); margin-right: 2px; background: #f7f7f7; text-align: center; padding: 25px 2px; border-top: 1px solid #c00051;}
.propulsionCont .propulsionCont01 .visionArea > ul > li b{line-height: 1.2em; color: #333;}
.propulsionCont .propulsionCont01 .visionArea > ul > li p{margin-top: 10px;}
.propulsionCont .propulsionCont01 .vision01 > ul ul{margin: 20px 3px 0; padding: 15px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; text-align: justify;}
.propulsionCont .propulsionCont01 .vision01 > ul ul li{font-size: 12px; line-height: 1.5em;}
.propulsionCont .propulsionCont01 .vision01 > ul li:nth-of-type(2) ul li,
.propulsionCont .propulsionCont01 .vision01 > ul li:nth-of-type(3) ul li{margin-left: 12%;}

.propulsionCont .propulsionCont01 .visionArea.vision02 > p{background: #666;}
.propulsionCont .propulsionCont01 .visionArea.vision02 > ul > li{border-top: 1px solid #666; padding: 15px 2px;}
.propulsionCont .propulsionCont01 .visionArea.vision02 > ul > li p{font-size: 12px;}

.propulsionCont .propulsionCont02 .governance {margin: 50px 0; border-top: 2px solid #c00051;}
.propulsionCont .propulsionCont02 .governance div{position: relative; margin-bottom: 40px;}
.propulsionCont .propulsionCont02 .governance div:nth-child(even){margin-bottom: 0;}
.propulsionCont .propulsionCont02 .governance div:after{content: ''; display: block; width: 15px; height: 15px; border-left: 2px solid #c00051; border-bottom: 2px solid #c00051; transform: rotate(-45deg) translateX(-50%); background: transparent; position: absolute; left: 50%; bottom: -18px;}
.propulsionCont .propulsionCont02 .governance div:last-of-type:after{display: none;}
.propulsionCont .propulsionCont02 .governance div strong{display: block; background: #f7f7f7; font-size: 14px; text-align: center; padding: 15px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.propulsionCont .propulsionCont02 .governance div strong span{color: #999; font-size: 12px;}
.propulsionCont .propulsionCont02 .governance div ul{padding: 20px 0; margin: 0 auto 50px; border-bottom: 1px solid #ccc; line-height: 1.3em;}
.propulsionCont .propulsionCont02 .governance div ul li{margin-left: 13%;}

.propulsionCont .propulsionCont02 .governance > ul{display: flex; flex-wrap: wrap; margin-right: -2px; position: relative;}
.propulsionCont .propulsionCont02 .governance > ul:before{content: ''; display: block; width: 2px; height: 30px; background: #ccc; position: absolute; left: 50%; top: -50px; transform: translateX(-50%);}
.propulsionCont .propulsionCont02 .governance > ul li{width: calc((100% / 3) - 2px); margin-right: 2px; margin-bottom: 2px; background: #f7f7f7; text-align: center; padding: 15px 0; display: flex; align-items: center; justify-content: center;}

.propulsionCont .propulsionCont02 .lghhPromise strong{display: block; background: #c00051; color: #fff; font-size: 14px; text-align: center; padding: 15px 0; margin-bottom: 20px;}
.propulsionCont .propulsionCont02 .lghhPromise ul{background: #f7f7f7; padding: 20px 15px; border-bottom: 1px solid #ccc; line-height: 1.5em;}

.propulsionCont .propulsionCont03 table{width: 100%; margin-top: 30px; border-top: 2px solid #c00051;}
.propulsionCont .propulsionCont03 table thead th{border-bottom: 2px solid #ccc; background: #f7f7f7; text-align: center; font-size: 14px; font-weight: 700; padding: 10px 0;}
.propulsionCont .propulsionCont03 table tbody th{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f7f7f7; text-align: center; font-weight: 700; padding: 25px 0;}
.propulsionCont .propulsionCont03 table tbody td{border-bottom: 1px solid #ccc; padding: 10px; line-height: 1.5em;}
.propulsionCont .propulsionCont03 table tbody img{margin: 15px 0;}

.propulsionCont .btn{display: block; background: #c90852; color: #fff; padding: 15px; margin: 30px auto 0; width: 50%; max-width: 240px; text-align: center; font-size: 14px; font-weight: 700;}

/* ??????¥é?????? */
.article.unGlobal.propulsionCont03{padding: 0 0 25px;}
.article.unGlobal.propulsionCont03 table tbody td{padding: 10px 0 15px 7px; line-height: 1.3em;}
.article.unGlobal.propulsionCont03 li{position: relative; margin-top: 5px;}
.article.unGlobal.propulsionCont03 li.dot{padding-left: 8px;}
.article.unGlobal.propulsionCont03 li.dot:before{content: ''; display: block; width: 2px; height: 2px; background: #c00051; position: absolute; left: 0; top: 5px; border-radius: 50%;}

/* ???? ????? ???? */
.contArea.riskCont h2{border-bottom: none;}
/*.contArea.riskCont h3 {font-size: 15px !important; margin-bottom: 5px !important;}*/
.contArea.riskCont h3 span {line-height: 22px; border-bottom: 2px solid #454545;}
.riskCont img{margin: 10px 0 30px}
.riskCont .title{font-size: 16px; font-weight: 700; margin-bottom: 5px; text-decoration: underline;}
.riskCont .subTitle{font-size: 12px; font-weight: 700; ;text-align: center; text-decoration: underline; margin: 30px 0 15px;}

.riskCont .risk{display: flex; flex-wrap: wrap; flex-direction: row; width: 100%;}
.riskCont .risk .riskTit{font-size:16px; color:#454545; font-weight:bold;}
.riskCont .risk dl{width:44%; margin: 25px auto; text-align:center;}
.riskCont .risk dl dt{position: relative; width: 100%; height: 155px; padding: 0; margin-bottom: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.riskCont .risk dl dt:after{content: ''; display: block; width: 100%; height: 100%; background:url('/m/images/manage/risk.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 0;}
.riskCont .risk dl.risk2 dt:after {transform: rotate(90deg);}
.riskCont .risk dl.risk3 dt:after {transform: rotate(180deg);}
.riskCont .risk dl.risk4 dt:after {transform: rotate(270deg);}
.riskCont .risk dl dt strong{font-size: 14px; position: relative; z-index: 10;}
.riskCont .risk dl dt span{font-size:12px; font-weight: normal; color:#666;}
.riskCont .risk dl dd{background: none; padding: 0; line-height: 1.3em;}

/* ???? ????? ???? ???¥ì??? */
.riskCont .process {margin-top: 14px;}
.riskCont .process img {margin: 0 auto;}
.riskCont .process ul li {margin-bottom: 8px;}
.riskCont .process ul li .tit {text-align: center;}
.riskCont .process ul li .tit img {margin: 0 auto; height: 40px; object-fit: none;}
.riskCont .process ul li .tit b {display: block; background-color: #6c6c6c; color: #fff; line-height: 32px; padding: 0 7px; margin-top: 6px; font-size: 16px; font-weight: 500;}
.riskCont .process ul li:nth-child(1) .desc {display: flex; flex-wrap: wrap; align-items: center; width: 270px; height: 286px; background: url("/m/images/manage/bg_process1.png") no-repeat center bottom; background-size: contain; color: #fff; text-align: center; line-height: 18px; margin: 10px auto 0;}
/*.riskCont .process ul li:nth-child(1) .desc {position: relative;}*/
/*.riskCont .process ul li:nth-child(1) .desc .bg {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}*/
.riskCont .process ul li:nth-child(1) .desc span {width: 50%; box-sizing: border-box;}
.riskCont .process ul li:nth-child(1) .desc span:nth-child(1) {padding: 11% 5% 30% 0;}
.riskCont .process ul li:nth-child(1) .desc span:nth-child(2) {padding: 11% 0 30% 5%;}
.riskCont .process ul li:nth-child(1) .desc span:nth-child(3) {width: 100%; padding: 5% 0 20%;}
.riskCont .process > ul > li:nth-child(2) {display: flex; justify-content: space-between;}
.riskCont .process ul li:nth-child(2) > div {width: 49%;}
.riskCont .process ul li:nth-child(2) > div .desc2,
.riskCont .process ul li:nth-child(2) > div .desc3 {background-color: #f6f7f8; padding: 16px 8px; height: 350px; box-sizing: border-box;}
.riskCont .process ul li:nth-child(2) > div .desc2 b {display: block; text-align: center; font-size: 14px;}
.riskCont .process ul li:nth-child(2) > div .desc2 p {text-align: center; font-size: 12px; letter-spacing: -0.04em;}
.riskCont .process ul li:nth-child(2) > div .desc2 ul {margin-top: 8px;}
.riskCont .process ul li:nth-child(2) > div .desc2 ul li {position: relative; padding-left: 8px; font-size: 12px; line-height: 18px; margin-bottom: 0; letter-spacing: -0.05em;}
.riskCont .process ul li:nth-child(2) > div .desc2 ul li::before {content: '\2022'; position: absolute; top: 0; left: 0;}
.riskCont .process ul li:nth-child(2) > div .desc2 img {margin: 18px auto;}
.riskCont .process ul li:nth-child(2) > div .desc3 {padding: 14px 16px;}
.riskCont .process ul li:nth-child(2) > div .desc3 ul {border-bottom: 1px dotted #333; padding: 8px 10px;}
.riskCont .process ul li:nth-child(2) > div .desc3 ul:first-child {padding-top: 0;}
.riskCont .process ul li:nth-child(2) > div .desc3 ul:last-child {border-bottom: 0; padding-bottom: 0;}
.riskCont .process ul li:nth-child(2) > div .desc3 ul li {display: block; position: relative; padding-left: 6px; font-size: 12px; margin-bottom: 0; line-height: 18px; }
/*.riskCont .process ul li:nth-child(2) > div .desc3 ul li::after {content: '-'; position: absolute; top: 0; left: 0;}*/
.riskCont .process ul li:nth-child(2) > div .desc3 ul li:first-child {font-size: 14px; font-weight: bold; padding-left: 8px;}
.riskCont .process ul li:nth-child(2) > div .desc3 ul li:first-child::before {content: '\2022'; position: absolute; top: 0; left: 0; color: #c70752;}
.riskCont .process > ul > li:nth-child(3) {background-size: contain; position: relative; width: 100%; max-width: 394px; padding-left: 14px; margin: 0 auto; box-sizing: border-box;}
.riskCont .process > ul > li:nth-child(3) .circle {position: absolute; top: 50%; left: 14%; transform: translateY(-50%); display: flex; flex-wrap: wrap; width: 69%;}
.riskCont .process > ul > li:nth-child(3) .circle li {width: 50%; text-align: center; margin: 0; box-sizing: border-box; color: #fff;}
.riskCont .process > ul > li:nth-child(3) .circle li:nth-child(1),
.riskCont .process > ul > li:nth-child(3) .circle li:nth-child(2) {padding: 5% 0 0;}
.riskCont .process > ul > li:nth-child(3) .circle li:nth-child(3),
.riskCont .process > ul > li:nth-child(3) .circle li:nth-child(4) {padding: 29% 0 0;}
.riskCont .process > ul > li:nth-child(3) > b {position: absolute; top: 52%; left: 39%; transform: translateY(-50%);}
.riskCont .process > ul > li:nth-child(4) h4 {font-size: 15px; color: #c70752;}
.riskCont .process > ul > li:nth-child(4) > div {border: 1px solid #bdbdbd; padding: 11px 12px; box-sizing: border-box; word-break: keep-all;}
.riskCont .process > ul > li:nth-child(4) > div b {font-size: 14px; line-height: 18px; display: block; margin-bottom: 7px;}
.riskCont .process > span {font-size: 11px; line-height: 1.2em;}

.riskCont .compliance {margin: 28px auto 0; width: 342px; height: 351px;}
.riskCont .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;}
.riskCont .compliance .top span::after {content: ''; position: absolute; width: 1px; height: 272px; background-color: #7d7c7d; top: 24px; left: 50%; transform: translateX(-50%);}
.riskCont .compliance .mid {position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.riskCont .compliance .mid::after {content: ''; position: absolute; height: 1px; width: 30px; background-color: #7d7c7d; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.riskCont .compliance .mid > div {position: relative; margin: 0 15px; border: 1px solid #9fa0a0; width: 50%; height: fit-content; box-sizing: border-box; word-break: keep-all;}
.riskCont .compliance .mid > div span {display: block; font-size: 13px; text-align: center;}
.riskCont .compliance .mid > div span:first-child {background-color: #9fa0a0; color: #fff; line-height: 23px;}
.riskCont .compliance .mid > div span:nth-child(2) {padding: 5px 0; line-height: 18px; font-size: 12px; color: #505050;}
.riskCont .compliance .mid .right p {position: absolute; bottom: -18px; left: 0; width: 100%; text-align: center; font-size: 11px;}
.riskCont .compliance ul {position: relative; display: flex; justify-content: space-between; margin-top: 36px;}
.riskCont .compliance ul::before {content: ''; position: absolute; height: 1px; width: 84%; background-color: #7d7c7d; top: -18px; left: 50%; transform: translateX(-50%);}
.riskCont .compliance ul:last-child {margin-top: 67px;}
.riskCont .compliance ul:last-child::before {width: 86%; left: 51%;}
.riskCont .compliance ul li {position: relative; width: 54px; height: fit-content; line-height: 16px; font-size: 12px; border: 1px solid #7d7c7d; text-align: center; word-break: keep-all; padding: 2px 0; box-sizing: border-box;}
.riskCont .compliance ul li::before {content: ''; position: absolute; width: 1px; height: 18px; background-color: #7d7c7d; top: -19px; left: 50%; transform: translateX(-50%);}
.riskCont .compliance ul li p {position: absolute; bottom: -32px; left: 0; width: 100%; text-align: center; font-size: 11px; line-height: 14px;}


.riskCont table{word-break: keep-all; margin-bottom: 12px;}

/* ??? ESG ???? */
.contArea.csrArea h2{border-bottom: none;}
.contArea.csrArea h2.esgKey{color: #c00051; background: none;}
.csrArea .csrCont01 img{margin: 0;}
.csrArea .csrCont01 .keyFigures {padding-top: 25px;}
.csrArea .csrCont01 .keyFigures .key {margin-bottom: 26px; position: relative;}
.csrArea .csrCont01 .keyFigures .key:last-child {margin-bottom: 0;}
.csrArea .csrCont01 .keyFigures .key .first {float: left; width: 80px; height: 80px; border-radius: 50%; background-color: #c70752; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px 0 !important; z-index: 1;}
/*.csrArea .csrCont01 .keyFigures .key .first::after {content: ''; position: absolute; width: 20px; height: 1px; border-top: 1px dotted #b0b0b0; top: 50%; left: 74px; transform: translateY(-50%);}*/
.csrArea .csrCont01 .keyFigures .key .first span {display: block; text-align: center; padding-top: 44px; color: #fff; font-size: 12px;}
.csrArea .csrCont01 .keyFigures .key:nth-child(4) .first span,
.csrArea .csrCont01 .keyFigures .key:nth-child(5) .first span {padding-top: 41px;}
.csrArea .csrCont01 .keyFigures .key .first::before {content: ''; position: absolute; top: 13px; left: 50%; transform: translateX(-50%);}
.csrArea .csrCont01 .keyFigures .key:nth-child(1) .first::before {left: 48%; width: 40px; height: 40px; background: url("/images/manage/ico_esg01.png") no-repeat; background-size: contain;}
.csrArea .csrCont01 .keyFigures .key:nth-child(2) .first::before {width: 31px; height: 40px; background: url("/images/manage/ico_esg02.png") no-repeat; background-size: contain;}
.csrArea .csrCont01 .keyFigures .key:nth-child(3) .first::before {width: 31px; height: 40px; background: url("/images/manage/ico_esg03.png") no-repeat; background-size: contain;}
.csrArea .csrCont01 .keyFigures .key:nth-child(4) .first::before {width: 33px; height: 37px; background: url("/images/manage/ico_esg04.png") no-repeat; background-size: contain;}
.csrArea .csrCont01 .keyFigures .key:nth-child(5) .first::before {width: 40px; height: 34px; background: url("/images/manage/ico_esg05.png") no-repeat; background-size: contain;}
.csrArea .csrCont01 .keyFigures .key > ul {width: 98%; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; margin: 0 auto;}
.csrArea .csrCont01 .keyFigures .key > ul li {background-color: #f3f3f3; width: 49%; height: 140px; padding: 17px 21px; box-sizing: border-box; margin-bottom: 6px; display: flex; justify-content: space-between; flex-direction: column;}
.csrArea .csrCont01 .keyFigures .key > ul li.pb {padding-bottom: 28px;}
.csrArea .csrCont01 .keyFigures .key > ul li.pt {padding-top: 28px;}
.csrArea .csrCont01 .keyFigures .key > ul li.pr {padding-right: 29px;}
.csrArea .csrCont01 .keyFigures .key > ul li.pl {padding-left: 29px;}
.csrArea .csrCont01 .keyFigures .key > ul li .tit {font-size: 16px; display: block; font-weight: bold; height: 50px; border-bottom: 1px solid #b9b9b9;line-height: 20px; position: relative;}
.csrArea .csrCont01 .keyFigures .key > ul li .tit > img {position: absolute; top: 0; right: 0;}
.csrArea .csrCont01 .keyFigures .key > ul li span:last-child {letter-spacing: -0.05em; font-size: 12px;}
.csrArea .csrCont01 .keyFigures .key > ul li span:last-child b {color: #c70752; font-size: 22px; font-weight: bold; line-height: 22px;}
.csrArea .csrCont01 .keyFigures .key:nth-child(4) > ul li span:last-child {text-align: right;}
.csrArea .csrCont01 .keyFigures .key:nth-child(4) > ul li span:last-child b {text-align: left; display: block;}
.csrArea .csrCont01 p.text {font-size: 12px; width: 98%; margin: 0 auto;}

.csrArea table{margin: 10px 0 15px;}
.csrArea .tbType1 thead th{background: #f7f7f7; border-right: 1px solid #c4c4c4;}
.csrArea .tbType1 tbody td{padding: 10px 5px; border-right: 1px solid #c4c4c4;}
.csrArea .tbType1 thead th:last-of-type,
.csrArea .tbType1 tbody td:last-of-type{border-right: none;}

.csrArea .csrHistory{margin-bottom: 40px; word-break: keep-all;}
.csrArea .csrHistory:first-of-type{margin-top: 20px;}
.csrArea .csrHistory.csrHistory2016{background: url('/m/images/manage/history2016.png') no-repeat; background-position: 240px 500px;}
.csrArea .csrHistory.csrHistory2015{background: url('/m/images/manage/history2015.png') no-repeat bottom; background-position-x: 250px;;}
.csrArea .csrHistory.csrHistory2014{background: url('/m/images/manage/history2014.png') no-repeat bottom; background-position-x: 200px;}
.csrArea .csrHistory.csrHistory2013{background: url('/m/images/manage/history2013.png') no-repeat; background-position: 230px 115px;}
.csrArea .csrHistory.csrHistory2012{background: url('/m/images/manage/history2012.png') no-repeat; background-position: 220px 60px;}
.csrArea .csrHistory.csrHistory2011{background: url('/m/images/manage/history2011.png') no-repeat; background-position: 220px;}
.csrArea .csrHistory.csrHistory2010{background: url('/m/images/manage/history2010.png') no-repeat; background-position: 210px 115px;}
.csrArea .csrHistory.csrHistory2009{background: url('/m/images/manage/history2009.png') no-repeat center; background-position-x: 200px;}
#container .csrArea .csrHistory h3{font-size: 2.5em; margin-bottom: 10px;}
.csrArea .csrHistory li{padding-left: 20px; position: relative; margin-bottom: 7px; line-height: 1.3em;}
.csrArea .csrHistory li:before{content: ''; display: block; width: 1px; height: 100%; background: #999; position: absolute; left: 5px; top: 10px;}
.csrArea .csrHistory li:last-of-type:before{display: none;}
.csrArea .csrHistory li:after{content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px #999; position: absolute; left: 4px; top: 5px;}
.csrArea .csrHistory li span{display: block;font-size: 11px; color: #666;}

/* ?????? */
.contArea.contributeArea h2{border-bottom: none;}
.contArea.contributeArea strong{display: inline-block;}
.contributeHead .title{color: #c50c4a; font-size: 1.1em; display: inline-block; margin-bottom: 5px;}
.contributeHead table{width: 100%; border-bottom: 1px solid #c70752; margin-top: 20px;}
.contributeHead table th{background: #c70752; color: #fff; text-align: center; padding: 15px 0; border-top: 1px solid #c70752; border-bottom: 1px solid #fff;}
.contributeHead table tr:last-of-type th{border-bottom: 1px solid #c70752;}
.contributeHead table td{color: #333; text-align: left; border-top: 1px solid #c70752; padding: 15px;}
.contributeHead table td b{line-height: 1.3;}
.contributeHead table td dl{margin-bottom: 15px;}
.contributeHead table td dt{padding: 0;}
.contributeHead table td dd{background: none; position: relative; padding-left: 8px;}
.contributeHead table td dd:before{content: ''; display: inline-block; position: absolute; left: 0; top: 9px; background: #333; width: 5px; height: 1px;}

/*#container .contributeText h3{font-size: 14px;}*/
.contributeText h3 span{border-bottom: 2px solid #454545;}
.contributeText div .imgArea{display: flex; margin: 20px 0 0;}
.contributeText.contributeText02 div .imgArea{flex-wrap: wrap;}
.contributeText.contributeText02 div .imgArea li{margin-top: 10px;}
.contributeText div .imgArea img{margin: 0;}
.contributeText div .imgArea li span {position: relative; display: block; margin-top: 3px; padding-left: 12px; font-size: 11px;}
.contributeText div .imgArea li span::before {content: '\25B6'; position: absolute; top: 0; left: 0; color: #c70752;}
/*.contributeText:last-of-type .imgArea:first-of-type {margin: 20px -.5% 1%;}*/
/*.contributeText:last-of-type .imgArea:last-of-type {margin: 0 -.5% 20px;}*/
/*.contributeText:last-of-type .imgArea li{width: 24%; margin: 0 .5%;}*/

.contArea.contributeArea .article{padding: 15px 0 25px;}
.contArea.contributeArea .article > div{margin-bottom: 20px; overflow: hidden;}
.contArea.contributeArea h2{border-bottom: none; padding: 8px 0 15px;}
.contArea.contributeArea h3 span{border-bottom: 2px solid #454545; line-height: 22px;}

/* ??????? ?????? */
.contArea.contribute02Area .tbType1{word-break: keep-all; margin-top: 20px; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
.contArea.contribute02Area .tbType1 thead th,
.contArea.contribute02Area .tbType1 tbody th,
.contArea.contribute02Area .tbType1 tbody td {border-right: 1px solid #c0c0c0;}
.contArea.contribute02Area .tbType1 td{font-size: 12px;}
.contArea.contribute02Area .contImg b{display: block; text-align: center; margin-top: 20px;}

.contArea.contribute02Area .comunityWrap {position: relative; margin-top: 26px;}
.contArea.contribute02Area .comunityWrap img {width: 100%; max-width: 372px;}
.contArea.contribute02Area .comunity {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; max-width: 372px; box-sizing: border-box; margin: 0 auto;}
.contArea.contribute02Area .comunity::before {content: ''; position: absolute; width: 29%; height: 1px; background-color: #7c7c7c; top: 50%; left: 90px; transform: translateY(-50%);}
.contArea.contribute02Area .comunity::after {content: ''; position: absolute; width: 1px; height: 110px; background-color: #7c7c7c; top: 50%; left: 50%; left: 198px; transform: translateY(-50%);}
.contArea.contribute02Area .comunity .right {position: relative; width: 90px; height: 90px; background-color: #c70752; border-radius: 50%; padding: 20px 8px 10px; box-sizing: border-box;}
.contArea.contribute02Area .comunity .right span {display: block; text-align: center; color: #fff;}
.contArea.contribute02Area .comunity .right span:nth-child(1) {font-size: 15px; padding-bottom: 11px; border-bottom: 1px dotted #fff;}
.contArea.contribute02Area .comunity .right span:nth-child(2) {font-size: 11px; padding: 10px 0;}
.contArea.contribute02Area .comunity .left {position: relative; margin-left: 0px; margin-top: 2px; width: 67%; height: 176px; display: flex; flex-direction: column; justify-content: space-between; padding-left: 7%;}
.contArea.contribute02Area .comunity .left > div {display: flex; justify-content:flex-end; height: 66px;}
.contArea.contribute02Area .comunity .left > div:nth-child(1) .first {position: relative; }
.contArea.contribute02Area .comunity .left > div:nth-child(1) .first::after {content: ''; position: absolute; width: 1px; height: 46px; background-color: #7c7c7c; top: 64px; left: 50%; transform: translateX(-50%);}
.contArea.contribute02Area .comunity .left > div:nth-child(2) {}
.contArea.contribute02Area .comunity .left > div > div {border: 1px solid #7c7c7c;}
.contArea.contribute02Area .comunity .left > div .first {width: 37%;}
.contArea.contribute02Area .comunity .left > div .first span {display: block; text-align: center;}
.contArea.contribute02Area .comunity .left > div .first span:nth-child(1) {color:#fff; font-size: 13px; line-height: 24px; background-color: #a0a0a0;}
.contArea.contribute02Area .comunity .left > div .first span:nth-child(2) {line-height: 42px; font-size: 11px;}
.contArea.contribute02Area .comunity .left > div .mid {position: relative; margin-left: 18px; width: 36%;}
.contArea.contribute02Area .comunity .left > div .mid::before {content: ''; position: absolute; width: 17%; height: 1px; background-color: #7c7c7c; top: 50%; left: -17%; transform: translateY(-50%);}
.contArea.contribute02Area .comunity .left > div .mid span {position: relative; display: block; text-align: center; top: 50%; transform: translateY(-50%); font-size: 11px; line-height: 16px;}
.contArea.contribute02Area .comunity .left > div > ul {margin-left: 6px; width: 53%;}
.contArea.contribute02Area .comunity .left > div > ul li {line-height: 18px; margin: 0 0 3px 0px; font-size: 10px; text-align: center; display: block; letter-spacing: -0.08em; border: 1px solid #7c7c7c;}
.contArea.contribute02Area .comunity .left > div > ul li:last-child {line-height: 18px; padding-bottom: 0;}

.contArea.contribute02Area .operating {position: relative; margin: 20px auto 0; width: fit-content;}
.contArea.contribute02Area .opInner {position: absolute; top: 0; width: 100%; height: -webkit-fill-available; padding-bottom: 5%; display: flex; align-items: center;}
.contArea.contribute02Area .opInner > div:first-child {width: 22%;}
.contArea.contribute02Area .opInner > div:last-child {width: 78%;}
.contArea.contribute02Area .opInner > div > em {position: absolute; bottom: -18%; width: inherit; display: block; text-align: center; font-size: 12px; font-style: unset;}
.contArea.contribute02Area .opInner > div:first-child span {width: 100%; height: auto; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; line-height: 16px;}
.contArea.contribute02Area .opInner > div:first-child > em {color: #c70752;}
.contArea.contribute02Area .opInner ul {display: flex; align-items: center; justify-content: space-between;}
.contArea.contribute02Area .opInner ul li {width: 33%; height: auto; display: flex; align-items: center; justify-content: center; text-align: center; margin-left: 5%; font-size: 12px; line-height: 16px;}

@media (max-width: 380px) {
	.contArea.contribute02Area .comunity::before {width: 28%;}
	.contArea.contribute02Area .comunity::after {left: calc(90px + 28%);}
}
@media (max-width: 360px) {
	.contArea.contribute02Area .comunity::before {width: 27%;}
	.contArea.contribute02Area .comunity::after {left: calc(90px + 27%);}
}

/* ?????? ??? ???? */
.contArea.contribute04Area .contImg {overflow: hidden; clear: both; position: relative;}
.contArea.contribute04Area .contImg .employment_woman{margin: 10px 8px; width: 31%; height: 100%; float: right; text-align: center;}
.contArea.contribute04Area .contImg .employment_woman img {margin: 18px auto;}
.contArea.contribute04Area .contImg .employment_woman span {display: block; margin: 4px 0 8px; font-weight: 500;}
.contArea.contribute04Area .contImg .employment_woman span:last-child {font-size: 11px;}
.contArea.contribute04Area .contImg .employment_woman strong {font-size: 32px; font-weight: bold; color: #c70752; font-style: italic;}
.contArea.contribute04Area .contImg .employment_woman strong em {font-size: 16px; font-weight: normal; color: #666;}
.contArea.contribute04Area .contImg02 .text{color: #85705f; font-weight: 700; padding: 35px 0 0;}
.contArea.contribute04Area .contImg02 img{margin: 10px auto 0;}
.contArea.contribute04Area .contImg02 .global {}
.contArea.contribute04Area .contImg02 .global li {margin-top: 8px;}
.contArea.contribute04Area .contImg02 .global li img {float: left; width: 42px; margin: 0;}
.contArea.contribute04Area .contImg02 .global li .globalWrap {float: left; margin-left: 10px;}
.contArea.contribute04Area .contImg02 .global li .globalWrap p {font-size: 13px; font-weight: 500;}
.contArea.contribute04Area .contImg02 .global li .globalWrap span {font-size: 12px; font-weight: 500; color: #999898; display: block; margin-top: 4px;}
.contArea.contribute04Area .contImg02 .global li .globalWrap strong {font-size: 24px; font-weight: bold; color: #c70752; font-style: italic; padding-right: 6px;}
.contArea.contribute04Area ul li{display: flex; align-items: center;}
.contArea.contribute04Area ul li img{width: 30%;}
.contArea.contribute04Area .article dl{width: 68%; margin-left: 2%;}
.contArea.contribute04Area .article dd{display: inline-block; margin-right: 20px;}
.contArea.contribute04Area .tbType1{word-break: keep-all; margin-top: 20px; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
.contArea.contribute04Area .tbType1 thead th,
.contArea.contribute04Area .tbType1 tbody th,
.contArea.contribute04Area .tbType1 tbody td {border-right: 1px solid #c0c0c0;}
.contArea.contribute04Area .tbType1 td{font-size: 12px;}

/* ??????? ??? */
.contArea.contribute05Area .numType li	{ font-size:13px; padding-left:20px; }
.contArea.contribute05Area .numType li.num01	{ background:url('/images/common/num01.gif') no-repeat left 3px; }
.contArea.contribute05Area .numType li.num02	{ background:url('/images/common/num02.gif') no-repeat left 3px; }
.contArea.contribute05Area .numType li.num03	{ background:url('/images/common/num03.gif') no-repeat left 3px; }
.contArea.contribute05Area .tbType1{margin-top: 20px;}
.contArea.contribute05Area .btnArea{display: flex; justify-content: space-between; margin-bottom: 50px;}
.contArea.contribute05Area .btnArea a {display: inline-block; width: 100%; padding: 17px 0; border: 1px solid #dedede; color: #222; text-align: center; margin-bottom: 10px;}
.contArea.contribute05Area .btnArea a span {padding-left: 24px; background: url(/images/common/blt1.png) no-repeat 0 50%;}

.contArea.contribute05Area .article > div {position: relative;}
.contArea.contribute05Area .systemWrap {position: absolute; top: 82px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 370px;}
.contArea.contribute05Area .systemWrap .system {overflow: hidden; margin-top: 4px;}
.contArea.contribute05Area .systemWrap .system:first-child > .mid {top: -16px;}
.contArea.contribute05Area .systemWrap .system:last-child > .mid {top: 53%; left: 27%;}
.contArea.contribute05Area .systemWrap .system:last-child {margin-top: 4%;}
.contArea.contribute05Area .systemWrap .system > li {position: relative; display: flex; flex-direction: column; align-items: center;}
.contArea.contribute05Area .systemWrap .system > li:first-child {width: 116px; float: left; padding-left: 2%;}
.contArea.contribute05Area .systemWrap .system > li:last-child {width: 140px; float: right; padding-right: 12%;}
.contArea.contribute05Area .systemWrap .system li.list > span {display: block; text-align: center; font-size: 15px; font-weight: bold; letter-spacing: -0.05em;}
.contArea.contribute05Area .systemWrap .system li.list > ul {padding-top: 40px;}
.contArea.contribute05Area .systemWrap .system:first-child li.list > ul {padding-left: 20px;}
.contArea.contribute05Area .systemWrap .system li.list > ul li {display: block; position: relative; line-height: 17px; padding-left: 8px; font-size: 12px;}
.contArea.contribute05Area .systemWrap .system li.list > ul li::before {content: '\2022'; position: absolute; top: 0; left: 0; color: #c70752;}
.contArea.contribute05Area .systemWrap .system li.list > ul li span {font-size: 10px;}
.contArea.contribute05Area .systemWrap .system li.mid {width: 130px; position: absolute; left: 24%;}
.contArea.contribute05Area .systemWrap .system li.mid > span {display: block; text-align: center; font-size: 12px; letter-spacing: -0.04em; line-height: 18px;}
.contArea.contribute05Area .systemWrap .system li.mid > span:first-child {padding-bottom: 10px; color: #c70752;}
.contArea.contribute05Area .systemWrap .system li.mid > span:last-child {padding-top: 40px;}
.contArea.contribute05Area .systemWrap .system:last-child li:last-child b {font-size: 15px; color: #c70752; position: relative; padding-top: 26px;}
.contArea.contribute05Area .systemWrap .system:last-child li:last-child b::before {content: ''; position: absolute; width: 11px; height: 12px; top: 8px; left: 50%; transform: translateX(-50%); background: url("/m/images/manage/arr_down.png") no-repeat center; background-size: contain;}

@media (max-width: 360px) {
	.contArea.contribute05Area .systemWrap .system {margin-top: 0;}
	.contArea.contribute05Area .systemWrap .system:last-child {margin-top: 0;}
	.contArea.contribute05Area .systemWrap .system li.mid > span:last-child {padding-top: 28px;}
	.contArea.contribute05Area .systemWrap .system:last-child > .mid {left: 25%;}

}

/* ??? */
.contArea.contribute06Area div{line-height: 20px;}
.contArea.contribute06Area div.contStyleA{display: flex; flex-wrap: wrap;}
.contArea.contribute06Area div.cont{display: flex; flex-direction: column; align-items: start; margin-bottom: 20px; }
.contArea.contribute06Area .contStyleA div.cont{width: 100%; border-top: none; margin-bottom: 60px;}
.contArea.contribute06Area .contStyleA div.cont:last-of-type{margin-bottom: 0;}
.contArea.contribute06Area .pdfDownload{position: relative; display: inline-block; margin-top: 20px; width: 100%; box-sizing: border-box; padding: 0 39%;}
.contArea.contribute06Area .pdfDownload span {font-size: 14px;}
.contArea.contribute06Area .pdfDownload svg {position: absolute; top: 11px; right: 39%;}

/* ?????????? */
.contArea.productArea .article{padding: 25px 0;}
.contArea.productArea .article > div{margin-bottom: 30px;}
.contArea.productArea h2{border-bottom: none; padding: 8px 0 15px;}
.contArea.productArea h3 span{border-bottom: 2px solid #454545;}
.contArea.productArea .refer{font-size: 11px;}
.contArea.productArea .wt40{width: 40%;}
.contArea.productArea .wt60{width: 60%;}
.contArea.productArea .wt80{width: 80%;}

/* ?????????? ???? */
.productArea.product01Area .prdSafe {margin-top: 30px; padding: 10px 0 0;}
.productArea.product01Area .prdSafe > p {text-align: center;}
.productArea.product01Area .prdSafe > p.safeTit {font-size: 20px; color: #333; font-weight: 500; line-height: 26px;}
.productArea.product01Area .prdSafe > p.safeTit > span {color: #c70752;}
.productArea.product01Area .prdSafe > p.safeSub {font-size: 14px; color: #666; margin-top: 8px;}
.productArea.product01Area .prdSafe .safeInner {position: relative; text-align: center; margin-top: 20px;}
.productArea.product01Area .prdSafe .safeInner > img {margin: 0 auto;}
.productArea.product01Area .prdSafe .safeInner ul {position: absolute; width: 100%; max-width: 665px; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; display: flex; justify-content: space-between; align-items: center;}
.productArea.product01Area .prdSafe .safeInner ul li {padding: 0; width: 38%; margin-bottom: 11%;}
.productArea.product01Area .prdSafe .safeInner ul li:nth-child(2) {width: 24%;}
.productArea.product01Area .prdSafe .safeInner ul li b {display: block; font-size: 18px; font-weight: 500; color: #333;}
.productArea.product01Area .prdSafe .safeInner ul li span {display: block; margin-top: 4px; font-size: 12px; line-height: 15px; letter-spacing: -0.03em; color: #666;}

.productArea.product01Area .productList{display: flex; margin: 20px -8px 0;}
.productArea.product01Area .productList > li{width: 33.33%; display: flex; flex-direction: column; border-right: 1px dashed #999;}
.productArea.product01Area .productList > li:last-of-type{border-right: none;}

.productArea.product01Area .productList > li p{background: #c40452; color: #fff; font-weight: 700; text-align: center; margin: 0 8px; height: 50px; display: flex; justify-content: center; align-items: center; padding: 7px 0 55px; position: relative;}
.productArea.product01Area .productList > li p:after{content: ''; display: block; position: absolute; left: 50%; bottom: 7%; transform: translateX(-50%); width: 50px; height: 50px; background-size: contain !important;}
.productArea.product01Area .productList > li:first-of-type p:after{background: url('../images/manage/ico_product01.jpg') center no-repeat;}
.productArea.product01Area .productList > li:nth-of-type(2) p:after{background: url('../images/manage/ico_product02.jpg') center no-repeat;}
.productArea.product01Area .productList > li:last-of-type p:after{background: url('../images/manage/ico_product03.jpg') center no-repeat;}

.productArea.product01Area .productList > li li{text-align: center; line-height: 1.4em; padding-top: 130px; position: relative; word-break: keep-all; height: 54px;}
.productArea.product01Area .productList > li li:after{content: ''; display: block; position: absolute; left: 50%; bottom: 30%; transform: translateX(-50%); width: 100px; height: 100px; background-size: contain !important;}

.productArea.product01Area .productList > li .list01 li:first-of-type:after{background: url('../images/manage/product1_01.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list01 li:nth-of-type(2):after{background: url('../images/manage/product1_02.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list01 li:nth-of-type(3):after{background: url('../images/manage/product1_03.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list01 li:nth-of-type(4):after{background: url('../images/manage/product1_04.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list01 li:last-of-type:after{background: url('../images/manage/product1_05.jpg') center no-repeat;}

.productArea.product01Area .productList > li .list02 li:first-of-type:after{background: url('../images/manage/product2_01.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list02 li:nth-of-type(2):after{background: url('../images/manage/product2_02.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list02 li:nth-of-type(3):after{background: url('../images/manage/product2_03.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list02 li:nth-of-type(4):after{background: url('../images/manage/product2_04.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list02 li:last-of-type:after{background: url('../images/manage/product2_05.jpg') center no-repeat;}

.productArea.product01Area .productList > li .list03 li:first-of-type:after{background: url('../images/manage/product3_01.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list03 li:nth-of-type(2):after{background: url('../images/manage/product3_02.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list03 li:nth-of-type(3):after{background: url('../images/manage/product3_03.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list03 li:nth-of-type(4):after{background: url('../images/manage/product3_04.jpg') center no-repeat;}
.productArea.product01Area .productList > li .list03 li:last-of-type:after{background: url('../images/manage/product3_05.jpg') center no-repeat;}

.productArea.product01Area .productList > li li img {margin: 0 auto 10px;}
.productArea.product01Area .productList > li li span{display: block; color: #6a4381; }

.productArea.product01Area .dar img {height: 203px;}
.productArea.product01Area .dar .btnTypeA {width: 100%; text-align: center;}
.productArea.product01Area .dar .btnTypeA span {font-size: 16px; padding-right: 6px;}

/* ???? ?????? */
.productArea.product02Area .title{font-size: 16px; font-weight: 700; line-height: 1.4; margin-bottom: 15px;}
.productArea.product02Area .title span{color: #c70752; font-size: 13px; font-weight: 400;}
.productArea.product02Area .contImg ul{display: flex; align-items: center; justify-content: space-between;}
.productArea.product02Area .contImg ul li{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 32%;}
.productArea.product02Area .contImg ul li img{margin: 3px 0 5px;}
.productArea.product02Area .article02{padding: 0 0 60px;}
.productArea.product02Area .article02 li{ margin-bottom: 40px;}
.productArea.product02Area .article02 .textArea{}
.product02Area .article02 .textArea > li > span {display: inline-block; padding: 6px 4px 0; border-top: 1px solid #c70752; color: #c70752; font-size: 16px; font-weight: 500;}
.product02Area .article02 .textArea > li strong {display: block; font-size: 16px; margin-top: 10px;}
.product02Area .article02 .textArea > li p.text {padding: 5px 0 0;}
.product02Area .article02 .prdList {display: flex; margin-top: 14px;}
.product02Area .article02 .prdList li {padding-right: 6px; width: 33.3333%; box-sizing: border-box;}
.product02Area .article02 .prdList li img {margin: 0 0 6px;}
.product02Area .article02 .prdList li span {display: block; text-align: center; font-size: 13px; margin-top: 3px;}
.product02Area .article02 .prdList li span.year {color: #c70752;}
.product02Area .article02 .prdList li span.prdTit {color: #666;}

.product02Area .process {position: relative; margin: 30px 0;}
.product02Area .process > div {position: relative; display: flex; justify-content: center;}
.product02Area .process > div > span {display: block; text-align: center; font-size: 16px; color: #fff; letter-spacing: -0.03em;}
.product02Area .process .top {z-index: 3; position: absolute; left: 50%; transform: translateX(-50%);}
.product02Area .process .top span {width: 88px; height: 88px; border-radius: 50%; background-color: #c70752; display: flex; justify-content: center; align-items: center;}
.product02Area .process .mid {z-index: 2; display: block; padding: 20px 0;}
.product02Area .process .mid p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 15px; color: #fff; letter-spacing: -0.03em; line-height: 16px;}
.product02Area .process .mid p > span {font-size: 12px;}
.product02Area .process ul {position: absolute; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 1; width: 100%; height: 66px; background: url('/m/images/manage/product2_process1.png') center no-repeat; background-size: contain;}
.product02Area .process ul li {display: flex; justify-content: center; align-items: center; width: 66px; height: 66px; border-radius: 50%; /*background-color: rgba(142, 144, 145, 0.16);*/ text-align: center; font-size: 11px; color: #333; line-height: 14px; letter-spacing: -0.02em; margin-left: -11px;}
.product02Area .process ul li:first-child {margin-left: 0;}

.product02Area .faceTracking {padding: 20px 9px; background-color: #eee; margin-top: 20px;}
.product02Area .faceTracking > p {text-align: center; font-size: 16px; color: #333; margin-bottom: 10px; font-weight: 500;}
.product02Area .faceTracking ul {display: flex; justify-content: space-between;}
.product02Area .faceTracking ul li {padding: 0 1px;}
.product02Area .faceTracking ul li img {margin: 0;}
.product02Area .faceTracking ul li span {display: block; text-align: center; color: #333; margin-top: 10px; font-size: 11px;}

/* ??? ?????? */
.productArea.product03Area .title{line-height: 1.4;}
.productArea.product03Area .title span{display: inline-block; margin-bottom: 5px; color: #c70752; font-size: 13px;}
.productArea.product03Area .title strong{font-size: 16px; font-weight: 700;}

/* ???? ??????? */
/*.productArea.product04Area .cont{margin-top: 30px;}*/
.productArea.product04Area .cont strong{display: inline-block; width: 100%; padding: 15px 0; font-size: 16px; color: #fff; text-align: center; background: #75bf6b;}
.productArea.product04Area table.prd4 {width: 100%; text-align: left; margin-bottom: 5px;}
.productArea.product04Area table.prd4 thead th{padding: 10px 7px; font-weight: 400; text-align: right; }
.productArea.product04Area table.prd4 tbody th{padding: 10px 7px; text-align: center; font-weight: 400; background: #fff;  border-left: none; border-bottom: 1px dotted #333; text-align: right;}
.productArea.product04Area table.prd4 tbody td{text-align: center; background: #fff5f8; padding: 10px 7px;border-bottom: 1px dotted #333; border-left: 5px solid #fff; text-align: right;}
.productArea.product04Area table.prd4 tbody tr:first-of-type th,
.productArea.product04Area table.prd4 tbody tr:first-of-type td{border-top: 1px solid #c70752;}
.productArea.product04Area table.prd4 tbody tr:last-of-type th{}
.productArea.product04Area .cont3 table.prd4 tbody tr:last-of-type td{color: #c70752;}
.productArea.product04Area table.prd4 + .refer span{display: block; padding-left: 13px; position: relative;}
.productArea.product04Area table.prd4 + .refer span:before{content: '1)'; display: block; font-size: 10px; position: absolute; left: 0; top: 0;}

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

/* product5???? ?????¡Æ? */
.productArea.product04Area .cont01 h3 span {border-bottom: 0;}
.productArea.product04Area .cont01 li{margin: 10px 0; height: 24px; line-height: 24px;}
.productArea.product04Area .cont01 li dl{display: flex}
.productArea.product04Area .cont01 li dt{background: #c9caca; color: #fff;  height: 24px; line-height: 24px; box-sizing: border-box; padding: 0 5px;}
.productArea.product04Area .cont01 li:nth-of-type(1) dt{width: 64%;}
.productArea.product04Area .cont01 li:nth-of-type(2) dt{width: 73%;}
.productArea.product04Area .cont01 li:nth-of-type(3) dt{width: 68%; background: #c70752;}
.productArea.product04Area .cont01 li dd{width: auto; padding-left: 11%; background: none; font-size: 15px;}
.productArea.product04Area .cont01 li dd:before{content: ''; display: block; position: relative; left: -30px; top: 15px; width: 65%; height: 1px; border-top: 2px dotted #666;}
.productArea.product04Area .cont01 li:nth-of-type(3) dd{font-size: 17px; font-weight: 700; color: #c70752;}
.productArea.product04Area .cont01 li dd:before{left: -36px;}

.productArea.product04Area .cont02 h3 span {border-bottom: 0;}
.productArea.product04Area .cont02 ul{display: flex; justify-content: space-evenly; flex-wrap: wrap; position: relative;}
.productArea.product04Area .cont02 li{position: relative; background: #fff5f8; color: #c70752; text-align: center; width: 100px; height: 100px; border-radius: 50%;}
.productArea.product04Area .cont02 li dl{margin: 0 auto;}
.productArea.product04Area .cont02 li.total {width: 100%; height: inherit; margin-bottom: 18px; background-color: unset;}
.productArea.product04Area .cont02 li.total dl {width: 130px; height: 130px; background: #c70752; color: #fff; border-radius: 50%; padding-top: 12px; box-sizing: border-box;}
.productArea.product04Area .cont02 li.total dt {display: none;}
.productArea.product04Area .cont02 li dt{position: absolute; left: 50%; transform: translateX(-50%); bottom: -30%; width: 100%;}
.productArea.product04Area .cont02 li dd{background: none; padding: 0; color:#c70752; font-weight:bold; font-size: 16px;}
.productArea.product04Area .cont02 li dd:nth-of-type(1){margin: 7px; border-bottom: 1px dotted #333;}
.productArea.product04Area .cont02 li:nth-of-type(1) dd{color: #fff; font-size: 3vw; padding-top: 8px;}
.productArea.product04Area .cont02 li:nth-of-type(1) dd:nth-of-type(1){font-size: 10vw; font-style: italic; letter-spacing: -3px; text-align: center; border-bottom: 2px dotted #fff; padding-right: 13px; margin: 0 12px;}
.productArea.product04Area .cont02 li dd img{margin: 0 auto 9px; width: 50%; height: 45px; object-fit: contain;}

.productArea.product04Area div > strong{display: inline-block; font-size: 16px; margin-bottom: 15px;}
.productArea.product04Area .tbType1{border: none;}
.productArea.product04Area .tbType1 thead th{border-top: 1px solid #c70752; border-right: 1px dotted #c0c0c0;}
.productArea.product04Area .tbType1 tbody th,
.productArea.product04Area .tbType1 tbody td{border-bottom: 1px dotted #c0c0c0; border-right: 1px dotted #c0c0c0;}
/* //product5???? ?????¡Æ? */

/* ?????? ??? */
.productArea.product05Area .cont01 h3 span {border-bottom: 0;}
.productArea.product05Area .cont01 li{margin: 10px 0; height: 24px; line-height: 24px;}
.productArea.product05Area .cont01 li dl{display: flex}
.productArea.product05Area .cont01 li dt{background: #c9caca; color: #fff;  height: 24px; line-height: 24px; box-sizing: border-box; padding: 0 5px;}
.productArea.product05Area .cont01 li:nth-of-type(1) dt{width: 64%;}
.productArea.product05Area .cont01 li:nth-of-type(2) dt{width: 73%;}
.productArea.product05Area .cont01 li:nth-of-type(3) dt{width: 68%; background: #c70752;}
.productArea.product05Area .cont01 li dd{width: auto; padding-left: 11%; background: none; font-size: 15px;}
.productArea.product05Area .cont01 li dd:before{content: ''; display: block; position: relative; left: -30px; top: 15px; width: 65%; height: 1px; border-top: 2px dotted #666;}
.productArea.product05Area .cont01 li:nth-of-type(3) dd{font-size: 17px; font-weight: 700; color: #c70752;}
.productArea.product05Area .cont01 li:nth-of-type(3) dd:before{left: -34px;}

.productArea.product05Area .cont02 h3 span {border-bottom: 0;}
.productArea.product05Area .cont02 ul{display: flex; justify-content: space-evenly; flex-wrap: wrap; position: relative;}
.productArea.product05Area .cont02 li{position: relative; background: #fff5f8; color: #c70752; text-align: center; width: 100px; height: 100px; border-radius: 50%;}
.productArea.product05Area .cont02 li dl{margin: 0 auto;}
.productArea.product05Area .cont02 li.total {width: 100%; height: inherit; margin-bottom: 18px; background-color: unset;}
.productArea.product05Area .cont02 li.total dl {width: 130px; height: 130px; background: #c70752; color: #fff; border-radius: 50%; padding-top: 12px; box-sizing: border-box;}
.productArea.product05Area .cont02 li.total dt {display: none;}
.productArea.product05Area .cont02 li dt{position: absolute; left: 50%; transform: translateX(-50%); bottom: -30%; width: 100%;}
.productArea.product05Area .cont02 li dd{background: none; padding: 0; color:#c70752; font-weight:bold; font-size: 16px;}
.productArea.product05Area .cont02 li dd:nth-of-type(1){margin: 7px; border-bottom: 1px dotted #333;}
.productArea.product05Area .cont02 li:nth-of-type(1) dd{color: #fff; font-size: 3vw; padding-top: 8px;}
.productArea.product05Area .cont02 li:nth-of-type(1) dd:nth-of-type(1){font-size: 10vw; font-style: italic; letter-spacing: -3px; text-align: center; border-bottom: 2px dotted #fff; padding-right: 13px; margin: 0 12px;}
.productArea.product05Area .cont02 li dd img{margin: 0 auto 9px; width: 50%; height: 45px; object-fit: contain;}

.productArea.product05Area div > strong{display: inline-block; font-size: 16px; margin-bottom: 15px;}
.productArea.product05Area .tbType1{border: none;}
.productArea.product05Area .tbType1 thead th{border-top: 1px solid #c70752; border-right: 1px dotted #c0c0c0;}
.productArea.product05Area .tbType1 tbody th,
.productArea.product05Area .tbType1 tbody td{border-bottom: 1px dotted #c0c0c0; border-right: 1px dotted #c0c0c0;}

/* Clean Beauty Inside */
.productArea.product06Area img.top {margin-top: 0;}
.productArea.product06Area .download {margin-top: 20px;}
.productArea.product06Area .download .btnTypeA {width: 100%; text-align: center;}
.productArea.product06Area .download .btnTypeA span {font-size: 16px; padding-right: 6px;}
.productArea.product06Area .cbi {position: relative;}
.productArea.product06Area .cbi > img {width: 100%; max-width: 600px;}
.productArea.product06Area .cbi ul {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.productArea.product06Area .cbi ul.hide,
.productArea.product06Area .cbi ul.hide li,
.productArea.product06Area .cbi ul.hide li span {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
/*.productArea.product06Area .cbi ul li:nth-child(odd) {margin-right: 16%;}*/
/*.productArea.product06Area .cbi ul li:nth-child(even) {margin-left: 16%;}*/
/*.productArea.product06Area .cbi ul li.top {margin-bottom: 4%;}*/
/*.productArea.product06Area .cbi ul li.bot {margin-top: 4%; }*/
/*.productArea.product06Area .cbi ul li img {padding-bottom: 3px; margin: 0 auto; background-color: #fff; border-radius: 40% 40% 0 0;}*/
/*.productArea.product06Area .cbi ul li span {text-align: center; line-height: 18px; letter-spacing: -0.03em; color: #76787b; background-color: #fff; border-radius: 0 0 15% 15%; padding: 0 2px 2px;}*/

/* ???????? */
.contArea.greenArea h2{border-bottom: none;}

#container .contArea.greenArea .policyCont{margin-bottom: 40px;}
#container .contArea.greenArea .policyCont h3 {margin-top: 20px; background: #454545; padding: 15px; color: #fff; text-align: center;}

.greenArea .policyCont li{position: relative; padding-left: 65px;}
.greenArea .policyCont li:after{content: ''; display: block; position: absolute; left: 0; top: 10px; width: 60px; height: 60px; background-size: contain !important;}

.greenArea .policyCont .policyList01 li:first-of-type:after{background: url('../images/manage/green_icon01.png') center no-repeat;}
.greenArea .policyCont .policyList01 li:nth-of-type(2):after{background: url('../images/manage/green_icon02.png') center no-repeat; left: 5px;}
.greenArea .policyCont .policyList01 li:last-of-type:after{background: url('../images/manage/green_icon03.png') center no-repeat; width: 50px;}

.greenArea .policyCont .policyList02 li:first-of-type:after{background: url('../images/manage/green_icon04.png') center no-repeat; left: 5px;}
.greenArea .policyCont .policyList02 li:last-of-type:after{background: url('../images/manage/green_icon05.png') center no-repeat;}

.greenArea .visionCont > div{display: flex; align-items: center; margin: 20px 0;}
.greenArea .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: 3px; box-shadow: 0px 0px 0px 5px #b7b7b7; position: relative;}
.greenArea .visionCont div strong:after{content: '...'; display: block; width: 10px; height: 1px; color: #333; position: absolute; right: -20px; top: 33%;}
.greenArea .visionCont div div{margin-left: 30px; padding: 10px 12px;}

.greenArea .visionCont .visionList01 div{background: #c70752;}
.greenArea .visionCont .visionList01 div p{color: #fff; word-break: keep-all; text-align: center;}

.greenArea .visionCont .visionList02 div{background: #fdf7fa; width: 100%;}
.greenArea .visionCont .visionList02 div p {position: relative; padding-left: 10px; margin-bottom: 4px;}
.greenArea .visionCont .visionList02 div p::before {content: '-'; position: absolute; top: 0; left: 0;}

.greenArea .visionCont .visionList03 div {text-align: center; width: 100%; border: 1px solid #333; position: relative;}
.greenArea .visionCont .visionList03 div:after{content: ''; display: block; width: 15px; height: 15px; background: #fff; border-left: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(-45deg) translateX(-85%); position: absolute; left: 50%; bottom: 9%;}

.greenArea .visionCont .visionList04 div{padding: 0; width: calc(100% - 30px);}
.greenArea .visionCont .visionList04 div ul{display: flex; flex-wrap: wrap; margin: 0 -2px}
.greenArea .visionCont .visionList04 div ul li{width: calc(100% / 2 - 10px); margin: 2px; background: #636466; color: #fff; text-align: center; padding: 15px 3px;}

.greenArea .system {margin-top: 28px;}
.greenArea .system > div span {width: 110px; height: 40px; font-size: 13px; text-align: center; background-color: #e6e6e6; color: #333; font-weight: 500; line-height: 20px; display: flex; justify-content: center; align-items: center;}
.greenArea .system .top {margin-bottom: 24px;}
.greenArea .system .top span{position: relative; width: 90px; height: 90px; border-radius: 50%; background-color: #c80852; color: #fff; font-size: 18px; font-weight: 500; margin: 0 auto;}
.greenArea .system .top span::before {content: ''; position: absolute; width: 1px; height: 22px; background-color: #636466; top: 90px; left: 50%; transform: translateX(-50%);}
.greenArea .system .top span::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #636466; bottom: -22px; left: 50%; transform: translateX(-50%);}
.greenArea .system .top span > sup {font-size: 10px;}
.greenArea .system .mid {position: relative; left: 50%; transform: translateX(-50%); display: inline-block; text-align: center;}
.greenArea .system .center span {position: relative;}
.greenArea .system .center span:nth-child(1) {margin-bottom: 20px;}
.greenArea .system .center span:nth-child(2) {margin-bottom: 16px;}
.greenArea .system .center span:nth-child(1)::before {content: ''; position: absolute; width: 1px; height: 18px; background-color: #636466; bottom: -18px; left: 50%; transform: translateX(-50%);}
.greenArea .system .center span:nth-child(1)::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #636466; bottom: -18px; left: 50%; transform: translateX(-50%);}
.greenArea .system .center span:nth-child(2)::before {content: ''; position: absolute; height: 1px; width: 16px; background-color: #636466; top: 50%; left: calc(50% + 63px); transform: translate(-50%, -50%);}
.greenArea .system .center span:nth-child(2)::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #636466; left: calc(50% + 68px); transform: translateX(-50%);}
.greenArea .system .right {position: absolute; display: flex; flex-direction: column; width: 96px; height: 76px; left: calc(50% + 122px); bottom: 16px; transform: translateX(-50%); background-color: #ff9e33;}
.greenArea .system .right em {margin-top: 4px; font-size: 12px; font-style: unset; font-weight: normal; line-height: 18px;}
.greenArea .system ul {position: relative; display: flex; justify-content: space-between; width: 98%; margin: 22px auto 0;}
.greenArea .system ul::before {content: ''; position: absolute; width: 1px; height: 14px; background-color: #636466; top: -38px; left: 50%; transform: translateX(-50%);}
.greenArea .system ul::after {content: ''; position: absolute; height: 1px; width: 76%; background-color: #636466; top: -24px; left: 50%; transform: translateX(-50%);}
.greenArea .system ul li {position: relative; width: 24%; height: 40px; background-color: #ffb15c; line-height: 20px; font-size: 13px; font-weight: 500; color: #333; text-align: center; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.greenArea .system ul li::before {content: ''; position: absolute; width: 1px; height: 18px; background-color: #636466; top: -24px; left: 50%; transform: translateX(-50%);}
.greenArea .system ul li::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #636466; top: -12px; left: 50%; transform: translateX(-50%);}

.greenArea .management {padding: 0 0 60px 0;}
.greenArea .management > div {margin-top: 30px;}
.greenArea .management > div > strong {display: block; text-align: center; font-size: 18px; font-weight: 500; color: #333; margin-bottom: 17px; letter-spacing: -0.02em;}
.greenArea .management .target {position: relative;}
.greenArea .management .target img {margin: 20px auto 0; display: block;}
.greenArea .management .target ul {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 503px; height: -webkit-fill-available; display: flex; justify-content: space-between;}
.greenArea .management .target ul li {position: relative; width: 24%; text-align: center;}
.greenArea .management .target ul li:nth-child(odd) {width: 38%;}
.greenArea .management .target ul li > div {position: absolute; width: 100%; top: -3%;}
.greenArea .management .target ul li:nth-child(odd) > div {top: 22%;}
.greenArea .management .target ul li b {display: block; font-size: 18px; color: #333; font-weight: 500; margin-top: 4px;}
.greenArea .management .task ul {width: 100%; margin: 3px auto 0; display: flex; justify-content: center; align-items: center;}
.greenArea .management .task ul li {position: relative; text-align: center; width: 100px; height: 100px; margin-left: 6px; border-radius: 50%; border: 6px solid #e1e1e1; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.greenArea .management .task ul li:first-child {margin-left: 0;}
.greenArea .management .task ul li::before {content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; border: 2px solid #a0a0a0; top: 50%; left: -13px; transform: translateY(-50%);}
.greenArea .management .task ul li:first-child::before {display: none;}
.greenArea .management .task ul li span {display: block; font-size: 13px; font-weight: 500; line-height: 16px; letter-spacing: -0.03em; color: #333;}

.greenArea .greenRoadMap .title{background: #c70752; padding: 18px 0; text-align: center; color: #fff; font-size: 1.2em;}
.greenArea .greenRoadMap .title strong{position: relative; padding-left: 37px;}
.greenArea .greenRoadMap .title strong:after{content: ''; display: block; width: 40px; height: 40px; position: absolute; left: -15px; top: -12px; background-size: contain !important;}
.greenArea .greenRoadMap .map01 .title strong:after{background: url('../images/manage/ico_roadmap01.png') center no-repeat;}
.greenArea .greenRoadMap .map02 .title strong:after{background: url('../images/manage/ico_roadmap02.png') center no-repeat;}
.greenArea .greenRoadMap .map03 .title strong:after{background: url('../images/manage/ico_roadmap03.png') center no-repeat;}
.greenArea .greenRoadMap .map04 .title strong:after{background: url('../images/manage/ico_roadmap04.png') center no-repeat;}

.greenArea .greenRoadMap table{text-align: center; border-top: 2px solid #c70752; width: 100%; margin: 15px 0 40px;}
.greenArea .greenRoadMap table th{color: #c70752; font-weight: 700; padding: 10px 2px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #c0c0c0; font-size: min(max(11px, 3vw), 14px)}
.greenArea .greenRoadMap table th:last-child {border-right: 0;}
.greenArea .greenRoadMap table span{display: block; font-size: .9em; color: #666;}
.greenArea .greenRoadMap table td{padding: 10px 2px; border-left: 1px solid #ededed; border-bottom: 1px dashed #b2b2b2; background: #fdf7fa; font-size: min(max(11px, 3vw), 14px); line-height: 1.3em;}
.greenArea .greenRoadMap table td:first-of-type{background: #fff; border-left: 0;}
.greenArea .greenRoadMap table td ul li {position: relative; font-size: 13px; text-align: left; padding-left: 8px; margin-bottom: 3px;}
.greenArea .greenRoadMap table td ul li:before {content: '\2022'; position: absolute; left: 0; color: #454545; font-size: 13px;}
.greenArea .greenRoadMap table tr:last-of-type td{border-bottom: 1px solid #b2b2b2;}

.greenArea .systemWrap table.tbType1 tbody th,
.greenArea .systemWrap table.tbType1 tbody td {padding: 10px 5px; line-height: 1.3em; font-size: 11px;}

/*.greenArea .article:last-of-type div{border: 1px solid #ccc; padding: 0 10px; margin-top: 30px;}*/

/* ESH ?????? */
.contArea.green2Area h2{border-bottom: none; padding: 8px 0 30px;}
.green2Area .greenCont:after{ content:""; display:block; clear:both; }
.green2Area .greenCont li{ width:100%; margin-bottom: 50px;}

#container .green2Area .greenCont li h3 {color:#454545; margin-bottom: 15px; vertical-align: bottom;}
#container .green2Area .greenCont li h3 span{float: right; font-size: 10px; color: #666;}
.green2Area .greenCont li p.txt	{ margin-top: 5px; font-size:13px; line-height:22px; word-spacing:-1px; }
.green2Area .greenCont li table{word-break: keep-all;}
.green2Area .greenCont li table.tbType1{border-top: 2px solid #c70752;}
.green2Area .greenCont li table.tbType1 thead th {font-size: 12px;}
.green2Area .greenCont li table.tbType1 tbody th,
.green2Area .greenCont li table.tbType1 tbody td{padding: 20px 3px; font-size: 12px;}
.green2Area .greenCont li table.tbType1 tbody .year,
.green2Area .greenCont li table.tbType1 tbody .ar{text-align: center;}

/* ???? ???????? */
.contArea.green3Area h2{border-bottom: none; }
.green3Area h3 span{border-bottom: 2px solid #454545; }
.green3Area .article {padding: 25px 0 0;}
.green3Area .article p.text {padding: 7px 0 0;}

/* ?????? */
.contArea.green4Area h2{border-bottom: none; }
.green4Area .article:last-of-type{}
.green4Area .article:last-of-type > div{padding: 25px 5% 0; position: relative;}
.green4Area .article:last-of-type .boxTitle p{font-weight: 700}
.green4Area .article:last-of-type .boxTitle span{display: block; margin-top: 3px; margin-bottom: 42px;}
.green4Area .article:last-of-type .boxTitle span b{font-size: 24px;color: #cc0033;}
.green4Area .article:last-of-type ul{border-bottom: 1px dotted #666; padding-top: 20px; position: relative;}
.green4Area .article:last-of-type ul:after{content: ''; display: block; width: 40%; max-width: 163px; height: 134px; background: url('/m/images/manage/green4_bg.png') no-repeat center/100%; position: absolute; right: 4%; top: -110px;}
.green4Area .article:last-of-type ul li{border-top: 1px dotted #666; padding: 7px 0;}
.green4Area .article:last-of-type ul li div{display: flex; justify-content: space-between; align-items: center; text-align: center;}
.green4Area .article:last-of-type ul li div p{background: #fdf7fa; padding: 10px 0; position: relative; width: 65%; border-radius: 6px;}
.green4Area .article:last-of-type ul li div p:after{content: ''; display: block; width: 39px; height: 14px; background: url('/m/images/manage/arrow1.png') no-repeat center/100%; position: absolute; right: -25%; top: 32%;}
.green4Area .article:last-of-type ul li div span{width: 20%; font-size: 16px;}
.green4Area .article:last-of-type .refer{font-size: 10px;}
.green4Area .article:last-of-type .refer:first-of-type{position: absolute; right: 5%; top: 35%;}
.green4Area .article:last-of-type .refer:last-of-type{text-align: right; margin-top: 5px;}

/* ?????? ???? ?? ???? */
.contArea.green5Area h2{border-bottom: none; }
.contArea.green5Area h2+h3{margin-top: 15px;}
.green5Area h3 span{border-bottom: 2px solid #454545; }
.green5Area .article {padding: 25px 0 0;}
.green5Area .article p.text {padding: 7px 0 0;}
.green5Area table{margin-top: 20px;}
.green5Area table.tbType1.tbTypeA tbody td,
.green5Area table.tbType1.tbTypeB tbody td{text-align: left;}
.green5Area table.tbType1.tbTypeB tbody td:first-of-type {text-align: center;}
.green5Area table.tbType1 td p {position: relative; padding-left: 8px; word-break: keep-all;}
.green5Area table.tbType1 td p::before {content: '\2022'; position: absolute; top: 0; left: 0;}
.green5Area .refer{font-size: 12px; display: inline-block; margin-top: 10px;}
.greenProgram{ position:relative; margin-top:35px; margin-right: -5%; display: flex; flex-direction: row; flex-wrap: wrap;}
.greenProgram:after	{ content:""; display:block; clear:both; }
.greenProgram li{ width:27%; margin-right: 4%; margin-bottom: 5px; position: relative;}
.greenProgram li:nth-of-type(4){margin-left: 7%;}
.greenProgram li:after{content: '\25B6'; display: block; color: #c50d41; font-size: 15px; position: absolute; right: -14%; top: 23%;}
.greenProgram li:nth-of-type(3n):after{display: none;}
.greenProgram li:nth-of-type(4):before{content: '\25B6'; display: block; color: #c50d41; font-size: 15px; position: absolute; left: -13%; top: 28%;}
.greenProgram li:nth-of-type(4):after {display: none;}
.greenProgram li:nth-of-type(5):after{content: '\25B6'; display: block; color: #c50d41; font-size: 15px; position: absolute; left: -13%; top: 28%;}
.greenProgram li:nth-of-type(6):after{content: '\25B6'; display: block; color: #c50d41; font-size: 15px; position: absolute; left: -13%; top: 28%;}
.greenProgram li dl dt{padding:0 10px 8px 10px; font-family:nGothicB; font-weight:bold; font-size:14px; color:#454545; line-height:96px; text-align:center; background:url('/m/images/manage/program_bg.jpg') no-repeat center top/contain; }
.greenProgram li:last-of-type dl dt{ background:url('/m/images/manage/program_bg2.jpg') no-repeat center top/contain; }
.greenProgram li dl dd{padding: 0; font-size: 11px; line-height:18px; letter-spacing:-1px; text-align: center; background: none; position: relative;}
.greenProgram li dl dd.blt:before{content: ''; display: block; width: 2px; height: 2px; background: #000; position: absolute; left: 10px; top: 6px; border-radius: 50%;}

/* ?????? ???¥å? */
.downloadArea .cont_title {}
.downloadArea .cont_title > h2 {background: unset; border: 0; font-size: 18px; font-weight: 500; line-height: 24px;}
.downloadArea .cont_title > h2 b {color: #C7145D;}
.downloadArea .cont_title > p {padding: 18px 0;}
.downloadArea .cont_title .now {margin: 10px 0 30px; padding: 20px 0; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);}
.downloadArea .cont_title .now > img {margin: 15px 0;}
.downloadArea .cont_title .now ul {display: flex; justify-content: center;}
.downloadArea .cont_title .now ul li {margin: 0 6px; padding: 6px 10px; border: 1px solid #e7e7e7; background-color: #f9f9f9;}
.downloadArea .cont_title .now ul li a {position: relative; padding-right: 22px;}
.downloadArea .cont_title .now ul li a:after {content: ''; position: absolute; display: block; width: 15px; height: 13px; background: url(/images/btn/icon_download_red.png) no-repeat center; background-size: cover; right: 0; top: 0;}
.downloadArea .cont_title .now ul li a em {color: #C7145D; font-style: unset;}

.downloadArea table.tbType1 {border-top: 1px solid #bcbcbc;}
.downloadArea table.tbType1 thead th {border-top: 1px solid #3d3d3d; border-right: 1px solid #636466;}
.downloadArea table.tbType1 thead th:last-child {border-right: none;}
.downloadArea table.tbType1 tbody tr {border-bottom: 1px solid #ebebeb;}
.downloadArea table.tbType1 tbody tr.bbn {border-bottom: none;}
.downloadArea table.tbType1 tbody th,
.downloadArea table.tbType1 tbody td {padding: 16px 5px; line-height: 1.3em; font-size: 12px; border-bottom: 0; border-right: 1px solid #636466;}
.downloadArea table.tbType1 tbody th {border-bottom: 1px solid #ebebeb;}
.downloadArea table.tbType1 tbody td:last-child {border-right: none;}
.downloadArea table.tbType1 tbody tr td ul {display: flex; flex-direction: column; align-items: center;}
.downloadArea table.tbType1 tbody tr td ul li {margin-bottom: 15px;}
.downloadArea table.tbType1 tbody tr td ul li:last-child {margin-bottom: 0;}
.downloadArea table.tbType1 tbody tr td ul li a {position: relative; padding-top: 18px;}
/*.downloadArea table.tbType1 tbody tr td ul li a:before {content: ''; position: absolute; display: block; width: 15px; height: 13px; background: url(/images/btn/icon_download_red.png) no-repeat center; background-size: cover; left: 50%; top: 0; transform: translateX(-50%);}*/
.downloadArea a.more {display: block; background-color: #fbfbfb; border: 1px solid #ebebeb; width: 100%; height: 38px; line-height: 38px; text-align: center; margin-top: 15px;}

/********** 09_???????? **********/
#container .managerArea h3	{ padding:20px 0; }

/* ???? */
.managerList	{  }
.managerList li	{ border-bottom:1px solid #dbdbdb; }
.managerList div.cont	{ position:relative; padding:20px 0 20px 85px; }
#container .managerList h3	{ padding:8px 0 10px; margin: 0 ;}
#container .managerList h3 span	{ display:inline-block; margin-left:4px; font-weight:normal; font-size:.8em; color:#c70752; }
.managerList p.thumb	{ position:absolute; left:0; top:20px; width:80px; height:80px; }
.managerList p.thumb img	{ width:100%; height:100%; margin:0; }
.managerList dl	{ position:relative; }
.managerList dt	{ position:absolute; left:0; top:0; padding:0; font-weight:normal; font-size:1em; line-height:1.5em; }
.managerList dd	{ padding-left:36px; line-height:1.5em; letter-spacing:-0.05em; background:none; }

/* À§¿øȸ */
#container .committeeArea .article {padding: 25px 0 65px;}
#container .committeeArea .article h2 {border-bottom: unset;}
#container .committeeArea .article span {display: block; font-size: 12px; font-weight: 400; color: #666666; text-align: right; margin-bottom: 10px;}
#container .committeeArea .tbType1 {border-top: 1px solid #000000; border-bottom: #f5f5f5;}
#container .committeeArea .tbType1 tbody .txt,
#container .committeeArea .tbType1 tbody .al {padding: 13px 10px; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5;}

/* 2013 ?????? ???? */
.businessArea h2 {padding:10px 0 0; border:none; font-size:1.5em; background:none;}
.businessArea p {margin-top:20px;}
.businessArea img {display:block; max-width:100%; margin:0 auto;}
.businessList li {margin-top:50px;}
.businessList h3 {padding:8px 0 5px; font-weight:bold; font-size:1.3em; color:#252525; background:url('/m/images/common/division4.gif') no-repeat 0 0; background-size:15px 2px;}
.businessList li p.thumb img {width:50%; max-width:420px;}
.businessArea h2+p, .businessArea h3+p {margin-top:5px;}

/* 2012 ?????? ???? */
.businessArea_2012 .article img	{ margin:0 auto; }
#container .businessArea_2012 h3	{ padding:20px 0 0; }

/* IR Contact */
#container .agreeCont h3	{ padding:10px 0; }
.contactWrap	{ padding:25px 0 0; }
.contactWrap p.agreeText	{ padding:20px 0 20px 5px; }
.contactWrap p.check	{ padding:20px 0; border-top:1px dotted #dbdbdb; }
.agreeArea	{ position:relative; }
.agreeArea p.btn	{ width:100%; height:43px; padding:0 10px; line-height:43px; background:#454545; box-sizing:border-box; }
.agreeArea p.btn a	{ display:block; font-weight:bold; color:#fff; background:url('/m/images/common/arrow9.png') no-repeat 100% 50%; background-size:17px 11px; }
.agreeCont	{ padding:0 10px 20px 10px; height:70px; line-height:1.5em; border:1px solid #d8d8d8; overflow:hidden; }
.agreeCont-on .agreeCont	{ height:auto !important; overflow:visible !important; }
.agreeCont-on p.btn a	{ background:url('/m/images/common/arrow9_on.png') no-repeat 100% 50% !important; background-size:17px 11px !important; }


/********** 10_????? **********/
.popAdvice h1 {padding-bottom:6px; text-align:center; background:#eee url('/m/images/recruit/bg_tit.gif') repeat-x 50% 100%; background-size:320px;}
.popAdvice h1 img {width:320px;}
.adviceList li {padding:0 15px 40px; overflow:hidden; background:#eee;}
.adviceList li.even {background:#f8f8f8;}
.adviceList li .thumb {text-align:center;}
.adviceList li .thumb img {width:112px;}
.adviceList li .cont {margin-top:20px;}
.adviceList li .cont p {line-height:1.5em; }
.adviceList li .cont p strong{ }

/* ????? index */
.recruitList li {padding: 20px 0 20px 78px; position: relative;}
.recruitList li:before {content: ''; display: block; position: absolute; left: 12px; top: 28%; width: 45px; height: 45px; background-size: contain !important;}
.recruitList li:nth-of-type(1):before {background: url('/m/images/recruit/icon_index01.png') no-repeat center;}
.recruitList li:nth-of-type(2):before {background: url('/m/images/recruit/icon_index02.png') no-repeat center;}
.recruitList li:nth-of-type(3):before {background: url('/m/images/recruit/icon_index03.png') no-repeat center;}
.recruitList li:nth-of-type(4):before {background: url('/m/images/recruit/icon_index04.png') no-repeat center;}

/* EVP */
.evpList dl {padding-left: 78px; position: relative;}
.evpList dl:before {content: ''; display: block; position: absolute; left: 12px; top: 15px; width: 45px; height: 45px; background-size: contain !important;}
.evpList dl:nth-of-type(1):before {background: url('/m/images/recruit/icon_evp01.png') no-repeat center;}
.evpList dl:nth-of-type(2):before {background: url('/m/images/recruit/icon_evp02.png') no-repeat center;}
.evpList dl:nth-of-type(3):before {background: url('/m/images/recruit/icon_evp03.png') no-repeat center;}
.evpList dl:nth-of-type(4):before {background: url('/m/images/recruit/icon_evp04.png') no-repeat center;}

/* ?¥ë??? */
.recruitRuleList div {padding-left: 78px; position: relative;}
.recruitRuleList div:before {content: ''; display: block; position: absolute; left: 12px; top: 22px; width: 45px; height: 45px; background-size: contain !important;}
.recruitRuleList div:nth-of-type(1):before {background: url('/m/images/recruit/icon_rule01.png') no-repeat center;}
.recruitRuleList div:nth-of-type(2):before {background: url('/m/images/recruit/icon_rule02.png') no-repeat center;}
.recruitRuleList div:nth-of-type(3):before {background: url('/m/images/recruit/icon_rule03.png') no-repeat center;}
.recruitRuleList div:nth-of-type(4):before {background: url('/m/images/recruit/icon_rule04.png') no-repeat center;}
.recruitRuleList div:nth-of-type(5):before {background: url('/m/images/recruit/icon_rule05.png') no-repeat center;}

/* ???????? */
.educationalList h2 span {position: relative;}
.educationalList h2 span:before {content: ''; display: block; position: absolute; right: -45px; bottom: -7px; width: 35px; height: 35px; background-size: contain !important;}
.educationalList .article:nth-last-child(3) h2 span:before {background: url('/m/images/recruit/icon_educational01.png') no-repeat center;}
.educationalList .article:nth-last-child(2) h2 span:before {background: url('/m/images/recruit/icon_educational02.png') no-repeat center;}
.educationalList .article:nth-last-child(1) h2 span:before {width: 45px; height: 45px; right: -65px; background: url('/m/images/recruit/icon_educational03.png') no-repeat center;}

.educationalList .articleContA {float: left; width: 50%; margin-bottom: 30px; text-align: center;}
.educationalList .articleContA dd span {display: inline-block; margin-top: 5px;}
.educationalList .articleContA dt {color: transparent; padding-bottom: 115px; margin-bottom: 20px; background-size: contain !important;}
.educationalList .articleContA:nth-of-type(1) dt {background: url('/m/images/recruit/icon_educational04.png') no-repeat center; padding-top: 13px}
.educationalList .articleContA:nth-of-type(2) dt {background: url('/m/images/recruit/icon_educational05.png') no-repeat center;}
.educationalList .articleContA:nth-of-type(3) dt {background: url('/m/images/recruit/icon_educational06.png') no-repeat center;}
.educationalList .articleContA:nth-of-type(4) dt {background: url('/m/images/recruit/icon_educational07.png') no-repeat center;}

/* ??????? */
.welfareList .article h2 span {position: relative;}
.welfareList .article h2 span:before {content: ''; display: block; position: absolute; right: -35px; bottom: -7px; width: 30px; height: 30px; background-size: contain !important;}
.welfareList .article:nth-last-child(5) h2 span:before {background: url('/m/images/recruit/icon_welfare01.png') no-repeat center;}
.welfareList .article:nth-last-child(4) h2 span:before {background: url('/m/images/recruit/icon_welfare02.png') no-repeat center;}
.welfareList .article:nth-last-child(3) h2 span:before {background: url('/m/images/recruit/icon_welfare03.png') no-repeat center;}
.welfareList .article:nth-last-child(2) h2 span:before {width: 25px; height: 25px; background: url('/m/images/recruit/icon_welfare04.png') no-repeat center;}
.welfareList .article:nth-last-child(1) h2 span:before {background: url('/m/images/recruit/icon_welfare05.png') no-repeat center;}

.welfareList .article:nth-last-child(2) dl,
.welfareList .article:nth-last-child(1) dl{margin-top: 15px}

/* ??????? */
.introList .article-first img{width: 100%;}

.introList .articleCont {padding-left: 78px; position: relative;}
.introList .articleCont:before {content: ''; display: block; position: absolute; left: 0; top: 20%; width: 70px; height: 70px; background-size: contain !important;}
.introList .articleCont:nth-of-type(1):before {background: url('/m/images/recruit/icon_intro01.png') no-repeat center;}
.introList .articleCont:nth-of-type(2):before {background: url('/m/images/recruit/icon_intro02.png') no-repeat center;}
.introList .articleCont:nth-of-type(3):before {background: url('/m/images/recruit/icon_intro03.png') no-repeat center;}
.introList .articleCont:nth-of-type(4):before {background: url('/m/images/recruit/icon_intro04.png') no-repeat center;}
.introList .articleCont:nth-of-type(5):before {background: url('/m/images/recruit/icon_intro05.png') no-repeat center;}
.introList .articleCont:nth-of-type(6):before {background: url('/m/images/recruit/icon_intro06.png') no-repeat center;}
.introList .articleCont:nth-of-type(7):before {background: url('/m/images/recruit/icon_intro07.png') no-repeat center;}

.introList .applyBtn {text-align: center; padding-bottom: 50px;}
.introList .applyBtn a {display: inline-block; padding: 20px 35px; font-weight: 700; color: #fff; font-size: 15px; background: #c90852;}

/* ??????? */
.programTabList ul {overflow: hidden; border-top: 1px solid #dfdfdf; border-bottom: 2px solid #c90852;}
.programTabList li {float: left; width: 50%; text-align: center;}
.programTabList li.on a {background: #c90852; color: #fff;}
.programTabList li a {padding: 20px 0; display: inline-block; width: 100%; font-size: 1.2em;}

#container .programList.article h3 {margin: 10px 0 30px; text-align: center; color: #c90852; font-size: 1.8em;}

.programList{display: none;}
.programList.on{display: block;}
.programList .articleCont {border: none;}
.programList li {font-size: 1.2em; padding: 40px 0 60px 55%;}
.programList li:last-child {padding-bottom: 80px;}

.programList li span {position: relative;}
.programList li span:before {content: ''; display: block; position: absolute; left: -105px; bottom: -27px; width: 70px; height: 70px; background-size: contain !important;}
.programList li:nth-of-type(1) span:before {background: url('/m/images/recruit/icon_program_01.png') no-repeat center;}
.programList li:nth-of-type(2) span:before {bottom: -23px; background: url('/m/images/recruit/icon_program_02.png') no-repeat center;}
.programList li:nth-of-type(3) span:before {background: url('/m/images/recruit/icon_program_03.png') no-repeat center;}
.programList li:nth-of-type(4) span:before {background: url('/m/images/recruit/icon_program_04.png') no-repeat center;}
.programList li:nth-of-type(5) span:before {bottom: -32px; background: url('/m/images/recruit/icon_program_05.png') no-repeat center;}

.programList li span:after {content: ''; display: block; position: absolute; left: -79px; bottom: -62px; width: 20px; height: 20px; background: url('/m/images/recruit/icon_program_arrow.png') no-repeat center; background-size: contain !important;}
.programList li:last-child span:after{display: none;}

.programList table{border-top: 2px solid #6b6b6b; border-bottom: 2px solid #6b6b6b;}
.programList table tr {border-bottom: 1px solid #eee;}
.programList table th {font-size: 1.2em; background: #f8f8f8;}
.programList table th span {display: inline-block; font-size: .7em; color: #c90852; padding-bottom: 5px;}
.programList table td {padding: 30px 0 30px 15px;}
.programList table td span {color: #666;}

.programList .applyBtn {text-align: center; padding-bottom: 50px;}
.programList .applyBtn a {display: inline-block; padding: 20px 35px; font-weight: 700; color: #fff; font-size: 15px; background: #c90852;}

.programList:last-child li:nth-of-type(2) span:before {bottom: -23px; background: url('/m/images/recruit/icon_program_03.png') no-repeat center;}
.programList:last-child li:nth-of-type(3) span:before {background: url('/m/images/recruit/icon_program_05.png') no-repeat center;}

/********** 11_???????? **********/
#container .customerArea h3	{ padding:25px 0 15px; font-weight:bold; font-size:16px; color:#454545; line-height:1.4em; }
#container .customerArea h3 span	{ font-weight:normal; }
.customerHead	{ padding-bottom:40px; }
	.customerHead div.srch	{ position:relative; margin-bottom:20px; padding-right:56px; border:2px solid #c70752; box-sizing:border-box; }
	.customerHead div.srch span.ip	{ width:100%; border:none; }
	.customerHead div.srch input[type=text]	{ width:100%; height:33px; line-height:33px; border:none; vertical-align:top; }
	.customerHead div.srch .btnType1	{ display:block; position:absolute; right:0; top:0; width:46px; height:33px; line-height:33px; border:none; }
	.customerHead p	{ line-height:1.5em; }
	.customerHead p.txt	{ padding:0 0 15px; border-bottom:1px solid #c0c0c0; }
	.cusomerCenter {width:100%; height:180px; text-align: center; background:#f2f2f2; margin-bottom:5px; padding:15px 0 10px;}
	.cusomerCenter>a>img{width:70px;}
	.cusomerCenter strong {font-size:11px; color: #454545; display: block; line-height:2.5em;}
	.cusomerCenter h2 {font-size:16px; color: #454545;}
	.cusomerCenter span {font-size:11px; color: #565656; line-height:1.5em;}
#container.customerCenter{padding-bottom: 0; overflow-x: hidden;}
.customerCenter h3.title{padding:30px 0; font-size: 22px; text-align: center;}
.customerCenter h3.title span{display: block; padding:10px 0; font-size: 14px; color:#39352c; font-weight: normal; line-height: 1.4;}
.customerCenter .btnTypeA{display:block; min-width: 160px; width: 40%; height:50px; margin:10px auto; background: #c70752; font-size:16px; color: #fff; text-align: center; line-height: 50px; box-sizing: border-box;}
.customerCenter .bottom{margin:80px  -10px 0;}
.customerCenter .bottom > div {margin-top: 5px;}
.customerCenter .indexSub{margin:0 -10px 20px; padding:0 20px; background:#f8f8f8;}

/* ???? ??? ??? ????*/
.cstmProcedure{}
.cstmProcedure .section1 ul{text-align: center;}
.cstmProcedure .section1 ul li .step{position:relative; display: block; height:30px; font-size: 16px; font-weight: 600; line-height:30px; color: #fff;  text-align: center; z-index: 0;}
.cstmProcedure .section1 li .step:before{content: ''; position: absolute; display: block; width: 30px; height: 30px; left: 50%; transform: translateX(-50%); background: #c70752;  border-radius: 50%; z-index: -1;}
.cstmProcedure .section1 li .step:after{content: ''; position: absolute; display: block; width: 100%; height:1px; background: #39352c; top: 50%; transform: translateY(-50%); z-index: -2;}
.cstmProcedure .section1 li div > span{display: block; margin:15px 0; font-size: 18px;  color: #39352c; font-weight: 600;}
.cstmProcedure .section1 li p{margin:10px 0 20px;padding: 20px 0; font-size:14px; color:#39352c; background: #f6f6f6;}
.cstmProcedure .section1 ul li p span{font-size: 12px;}
.cstmProcedure .standard{padding-bottom: 40px;}

/* ??????? - ??????? ????*/
.easySolution .section{}
.easySolution .section1{}
.easySolution .category{position: relative;}
.easySolution #category{margin: 0 -10px;}
.easySolution #category .prdTxt{margin-top: 20px;}
.easySolution #category .slideList{height:325px!important; text-align: center; background-color: #fbf3f4;}
.easySolution #category .slideList > li{padding:20px 0;}
.easySolution #category .slideList li img{width: auto!important;}
.easySolution #category .slideList .cont1 a{display: inline-block; width: 100%;}
.easySolution #category .prdTxt ul{height: 150px;}
.easySolution #category .prdTxt ul li{width: 100%!important; padding:5px 0;}
.easySolution #category .cont1{display: inline-block; width: 32%;}
.easySolution .btnTypeB{display:inline-block; width: 34%; height:36px; border:1px solid #39352c; background: #39352c; font-size:16px; color: #fff; text-align: center; line-height: 36px;}
.easySolution .btnTypeC{display:inline-block; width: 34%; height:36px; border:1px solid #c70752; background: #c70752; font-size:16px; color: #fff; text-align: center; line-height: 36px;}
.easySolution .section2 select{width:63%; padding:10px 5px; border:2px solid #39352c; background:url(/images/common/btn_arrow03.png) no-repeat 96% center;  vertical-align:top; text-align-last:center; text-align:center; -ms-text-align-last:center;-moz-text-align-last:center;border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.easySolution .section2 select option{text-align: left;}
.easySolution .section2 .srchArea{position: relative;}
.easySolution .section2 .srchArea input[type=text]{width:100%; border:0; border-bottom: 2px solid #39352c; }
.easySolution .section2 .srchArea a{position: absolute; right: 10px; top: 0;}

.easySolution .videoList{margin:0 -10px; padding:20px 20px 40px;background: #f2f2f1;}
.easySolution .videoList h4{font-size: 25px; font-weight: 600; text-align: center;}
.easySolution .videoList ul{font-size: 0;}
.easySolution .videoList ul li{display: inline-block; width: 50%; min-height:141px; margin:20px 0 0;padding:0 5px;text-align: center; box-sizing: border-box; vertical-align: top;}
.easySolution .videoList ul li .title{display: block; margin:10px 0 0;}
.easySolution .videoList ul li p{margin:5px 0;}
.easySolution .videoList ul li img {max-width: 100%;}
.easySolution .videoList .btnTypeB{width: 100%;margin-top:20px;}

.easySolution .section3 {}
.easySolution .section3 .tabMenu {font-size: 0; margin: 0 -10px;}
.easySolution .section3 .tabMenu li{display: inline-block; width: 50%; }
.easySolution .section3 .tabMenu li a{display: block; width: 100%; font-size:16px; color: #fff; text-align: center; padding:20px 0; background: #39352c;}
.easySolution .section3 .tabMenu li.on a{background: #c70752; font-weight: 600;}
.easySolution .section3 .listCont > p{padding:20px 0 0;}
.easySolution .section3 .list li{font-size: 0; padding:10px 0; line-height: 1.4; border-bottom: 1px solid #9c9a95;}
.easySolution .section3 .list li:before{ content:""; display:block; clear:both; }
.easySolution .section3 .list li:first-child{border-bottom: 2px solid #39352c;}
.easySolution .section3 .list li div{display: inline-block; vertical-align: middle;}

.easySolution .section3 #faqList .list li div:first-child{width: 60%;}
.easySolution .section3 #faqList .list li div:last-child{width: 40%;font-size: 0; text-align: center;}
.easySolution .section3 #faqList .list li div:last-child span{display: inline-block;width: 50%;font-size: 13px;}
.easySolution .section3 #faqList li div:last-child span img{max-width: 100%;vertical-align: middle;}

.easySolution .section3 #selfList .list li div:first-child{width: 45%;}
.easySolution .section3 #selfList .list li img{max-width: 100%;}
.easySolution .section3 #selfList .list li:first-child span{display: inline-block;width: 50%; padding:0!important; font-size: 13px;}
.easySolution .section3 #selfList .list li div:last-child{width: 50%; padding-left:10px; font-size: 0; text-align: left; vertical-align: middle;}
.easySolution .section3 #selfList .list li span{font-size: 13px;}
.easySolution .section3 #selfList .list li p{margin-bottom: 10px; font-weight: 600;}
.easySolution .section3 #selfList .list li div:last-child span{padding:0 5px; }
.easySolution .section3 #selfList .list li .date{padding-left:0!important; border-right: 1px solid #9c9a95;}

.easySolution .section3 .view1{margin:0 0 10px; border-bottom:2px solid #39352c;}
.easySolution .section3 .view1 .title{font-size: 0;}
.easySolution .section3 .view1 .title div{text-align: right; font-size: 15px; line-height: 1.3;}
.easySolution .section3 .view1 .title .fontType4{text-align: left}
.easySolution .section3 .view1 .title span{padding:0 5px;}
.easySolution .section3 .view1 .title .date{padding-left:0!important; border-right: 1px solid #9c9a95;}
.easySolution .section3 .view1 li{padding:15px 0;}
.easySolution .section3 .view1 .solution {border-top:1px solid #9c9a95; border-bottom: 2px dashed #a6a6a6; letter-spacing: 0.5px; line-height: 1.4;}
.easySolution .section3 .view1 .solution img{max-width:100%; height:auto!important;}
.easySolution .section3 .view1 .foot{text-align: center;}
.easySolution .section3 .view1 .foot p{font-weight: 600; font-size: 20px; margin: 10px 0;}
.easySolution .section3 .view1 .foot p span{font-weight:normal; font-size: 14px;}
.easySolution .section3 .view1 .relatedQ{font-size: 0; margin: 30px 0;}
.easySolution .section3 .view1 .relatedQ li{display: inline-table;position:relative; width: 32%; min-height:130px; margin-right:2%; padding:5px; background: #f6f6f6; box-sizing: border-box; vertical-align: top; line-height: 1.4;}
.easySolution .section3 .view1 .relatedQ li:last-child{margin-right: 0;}
.easySolution .section3 .view1 .relatedQ li a{display: table-cell; vertical-align: middle; word-break: break-all;}
.easySolution .section3 .view1 .evaluation{font-size: 0;}
.easySolution .section3 .view1 .evaluation li{display: inline-block; width: 20%; text-align: center;}
.easySolution .section3 .view1 .evaluation span{display: block; margin:10px 0;}

.easySolution .paging	{ padding-top:50px; text-align:center; }
.easySolution .paging li	{ display:inline-block; *display:inline; zoom:1;}
.easySolution .paging li span,
.easySolution .paging li strong	{ display:inline-block; height:23px; padding:0 8px; line-height:22px; }
.easySolution .paging li span	{ color:#000; border:1px solid #dedede; background:#fff; }
.easySolution .paging li span.on,
.easySolution .paging li strong,
.easySolution .paging li a:hover span,
.easySolution .paging li a:focus span	{ color:#fff; border:1px solid #c70752; background:#c70752; }
.easySolution .paging li.btn	{vertical-align: middle;}
.easySolution .paging li.btn span,
.easySolution .paging li.btn a span	{ color:#000; border:1px solid #dedede; background:#e9e9e9; }

/* ???????? ????????? ????? */
.privacyCont .section{}
.privacyCont .section *{color:#333;}
.privacyCont .section .title{margin:40px 0 10px; font-size:17px; font-weight:600; color:#000;}
.privacyCont .section .content{padding:15px; box-sizing:border-box;border:1px solid #c9c9c9; line-height:24px; word-break: break-all;}
.privacyCont .section table{width:100%; border: 1px solid #c9c9c9;}
.privacyCont .section table th{padding:10px 0; background: #ccc;}
.privacyCont .section table td{padding:10px 0; border: 1px solid #e5e5e5; text-align: center; line-height: 20px;}
.privacyCont .section table + p{margin-top: 10px; line-height: 20px;}
.privacyCont .checkTypeA{margin:10px 0 30px; text-align:right;}
.privacyCont .checkTypeA *{font-weight:600;}

/* ????? ???*/
.vocWrap{}
.vocWrap .titleA{padding:20px 0; border-bottom:1px solid #c0c0c0;}
.vocWrap .titleA strong{font-size: 20px; line-height: 1.6;}
.vocWrap .titleA span{line-height: 1.6;}
.vocWrap .authBtn{display:inline-block; width:26%; padding:6px 0;text-align: center; background: #535353; color:#fff; font-weight: 600; border:1px solid #535353;}
.vocWrap input[type=text]{box-sizing: border-box;}

/* ???????? - ???? ?? ??? ??? */
.vocWrap .srchBox > strong{display:block; padding:34px 0 22px; text-align:center; font-size: 20px;}
.vocWrap .srchBox > div ul{padding:25px 15px; background:#f6f6f6;}
.vocWrap .srchBox > div ul li{margin-bottom:6px;}
.vocWrap .srchBox > div .inputWrap > span{display:inline-block; width:22%; font-size:14px; color:#666;}
.vocWrap .srchBox > div li.phone .inputArea{width:78%;}
.vocWrap .srchBox > div li.phone #authNumber{width:78%; margin:6px 0 0 21.5%;}
.vocWrap .srchBox > div li.phone a{display: inline-block; width:32%; padding:7px 0; background:#535353; color:#fff; font-size: 13px; letter-spacing: -1px; text-align: center;}

.vocWrap .cstmFormB{}
.vocWrap .cstmFormB .tableTit{margin:40px 0 20px; font-weight: 600; text-align: center; font-size: 15px;}
.vocWrap .cstmFormB .form{border-top:2px solid #000;}
.vocWrap .cstmFormB th{background:#f8f8f8; text-align: center;}
.vocWrap .cstmFormB td{padding-left:10px;}


/* ???????? - ?????? ?? - ?????? ????*/
.vocWrap .callRsrv{}
	.callRsrv .caution p{margin:15px 0 10px; font-size: 16px;}
	.callRsrv .caution ul{padding:15px; background:#f3f3f3;}
	.callRsrv .caution ul li{position:relative; padding:0 0 5px 10px; color:#333; line-height: 1.4;}
	.callRsrv .caution ul li:before{content: ''; position: absolute; left:0; top:8px; width:4px; height:4px; border-radius: 50%; background: #000;}

/* my ????? ??? */
.vocWrap .myCne{}
	.myCne .viewHead{border-top:2px solid #000;}
	.myCne .viewHead p{padding:10px 0;}
	.myCne .viewCont{padding:10px; word-break: break-all; border-top:1px solid #000;}
	.myCne .viewFoot{padding:10px;}
	.myCne .viewFoot span{display:inline-block; padding:0 0 0 8px; font-size:.85em; color:#454545; background:url('/m/images/common/division3.gif') no-repeat 0 50%; background-size:1px 9px; }
	.myCne .pageControl{margin-top:20px ;border-top: 2px solid #000;}
	.myCne .pageControl li{padding:10px 0; border-bottom: 1px solid #aaa;}
	.myCne .pageControl li.before p{padding-left:24px; background:url(/m/images/common/arrow3.gif) no-repeat 5px center; background-size: 20%;}
	.myCne .pageControl li.next p{padding-left:24px; background:url(/m/images/common/arrow4.gif) no-repeat 5px center; background-size: 20%;}
	.myCne .pageControl li span{display:inline-block; max-width: 70%; padding:0 0 0 8px; font-weight: 600; color:#454545; background:url('/m/images/common/division3.gif') repeat-y 0 50%; background-size:1px 9px; vertical-align: middle;}

/* - */
.vocWrap .mySearchArea ul li{padding:40px 0; border-bottom:1px solid #b0aeab;}
.vocWrap .mySearchArea ul .ico {margin-bottom:10px;}
.vocWrap .mySearchArea ul li > b {font-size: 20px;}
.vocWrap .mySearchArea ul .txt{line-height: 20px; margin:10px 0;}

.main_new .customerCenter .btnTypeLogin{display:inline-block; width: 63%;}
.main_new .customerCenter #nonmember{display: inline-block; width: 35%; height: 33px; line-height: 33px; text-align: center;color: #fff; font-weight: 600; background: #39352c; font-size: 13px;}
.main_new .customerCenter .loginArea_new li{margin:5px 0;}

/* - */
.nonmemberQna{}
.nonmemberQna .customerHead{padding: 0;}
.nonmemberQna .caution{margin-bottom:40px;}
.nonmemberQna .caution p{margin-top: 30px; font-size:17px; font-weight:600; color:#121212;}
.nonmemberQna .caution ul{padding:6px 0; border-bottom:1px solid #000;}
.nonmemberQna .caution li{position:relative; margin-bottom:2px; padding-left:10px; line-height:20px; letter-spacing:-0.25px; color:#121212;}
.nonmemberQna .caution li:before{content:''; position:absolute; display:block; left:0; top:7px; width:4px; height:4px; background:#121212; border-radius:50%;}
.nonmemberQna .faqHead{margin-bottom:65px;}
.nonmemberQna .btnTypeA {display:inline-block;width:160px; height:40px; font-size:15px; line-height:40px; background:#4c4c4c; overflow:hidden; color:#fff; vertical-align:middle; }
.nonmemberQna .postBtn{display:inline-block; width:36%; height:29px; color:#fff; text-align:center; line-height:29px; background:#4c4c4c;  vertical-align:middle;}
.nonmemberQna .privacyForm{margin:0 0 30px;}
.nonmemberQna .privacyForm .form{border-bottom: 0;}
.nonmemberQna .privacyForm input{box-sizing: border-box;}
.nonmemberQna .privacyForm select{padding: 0 0 0 4px;}
.nonmemberQna .privacyForm .ess{margin-bottom:8px; text-align:right; color:#000;}
.nonmemberQna .privacyForm .postCont td > *{margin-bottom: 8px;}
.nonmemberQna .privacyForm table ~ .refer{padding-top:10px; text-align: right; font-size: 12px; color: #666; letter-spacing: -0.5px;}

/********** ??? ?©¥? **********/
.myReviewCont	{ padding:0 9px !important; }
.myReviewCont div.proInfo	{ position:relative; min-height:102px; padding:15px 0 15px 110px; border-bottom:1px solid #dbdbdb; }
.myReviewCont div.proInfo h3	{ padding:5px 0; }
.myReviewCont div.proInfo p.thumb	{ position:absolute; left:0; top:15px; width:100px; height:100px; }
.myReviewCont div.proInfo p.thumb img	{ width:100%; height:100%; border:1px solid #636466; }
.myReviewCont div.proInfo p.url a	{ color:#666; }
.myReviewCont div.proInfo p.btn	{ padding-top:15px; }
.myReviewCont div.proInfo p.btn .btnType3	{ padding:0 30px; }
.myReviewCont div.cont	{ padding:15px 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:NanumGothic, '???????', 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%; }

/********** ?¥á??? **********/
.loginWrap	{ margin:20px 0 0; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-shadow: 0 0 5px #d1d1d1; -webkit-box-shadow: 0 0 5px #d1d1d1; box-shadow: 0 0 5px #d1d1d1; }
.loginHead	{ height:48px; background:#737373; }
.loginHead img	{ max-width:100%; height:100%; }

.loginCont	{ padding:5px 9px 15px; }
.loginCont fieldset	{}
.loginCont fieldset dl	{ position:relative; margin:10px 0; }
.loginCont fieldset dl dt	{ position:absolute; left:0; top:0; height:39px; padding-left:9px; font-weight:bold; line-height:39px; background:url('/m/images/common/blt.gif') no-repeat 0 47%; }
.loginCont fieldset dl dd	{ padding-left:27%; }
.loginCont fieldset dl dd input[type=text],
.loginCont fieldset dl dd input[type=password]	{ height:39px; line-height:39px; }
.loginCont .btnArea	{ padding-top:5px; }
.loginCont .btnArea a.btnType1	{ width:100%; }

.loginFoot	{ padding:0 9px; border-top:1px solid #dbdbdb; }
.loginFoot .btnArea	{ text-align:left; }
.loginFoot .btnArea a	{ width:31%; margin-right:.5%; }
.loginFoot ul.blt	{ padding:15px 0; }
.loginFoot ul.blt li	{ font-size:.9em; }

/********** ???? **********/
/*.main	{ background:#e6e6e6; }*/
.main #container h1	{ display:block; height:47px; padding:0; color:#454545; line-height:47px; text-align:center; border:none; }
#container .mainReview h1	{ margin-bottom:20px; border-bottom:1px solid #dbdbdb !important; }

.main #slide .prev	{ left:9px; }
.main #slide .next	{ right:9px; }

/*.mainSection	{ position:relative; margin:15px 0 0; padding:0 15px; border:1px solid #d5d5d5; box-sizing:border-box; -moz-box-shadow: 0 0 5px #d1d1d1; -webkit-box-shadow: 0 0 5px #d1d1d1; box-shadow: 0 0 5px #d1d1d1; background:#fff; }*/
.mainSection {position: relative;}
.mainSection li{font-family: "Noto Sans CJK", "???? ???", "MalgunGothic", 'Nanum Gothic', 'AppleSDGothic', '????', 'dotum', sans-serif;}
.mainSection img{max-width: 100%;}
.mainSection .title{padding: 40px 0; text-align: center;}
.mainSection .title strong{position:relative; display:inline-block; padding:0 12px; font-size: 30px; font-weight: 600; color: #000;}
.mainSection .title strong:before{content: '';display: block; position: absolute; width: 4px; height: 4px; background: #000; left:0; top:50%; transform: translateY(-50%);}
.mainSection .title strong:after{content: '';display: block; position: absolute; width: 4px; height: 4px; background: #000; right:0; top:50%; transform: translateY(-50%);}
.mainSection .title span{display:block; margin-top:20px; color:#999; font-size: 13px;}

.mainSection.esgCont{margin-bottom: 40px;}
.mainSection.esgCont li{display: inline-block; position:relative; margin-bottom: 10px; opacity: 0; top:40px; transition: 0.8s opacity, 0.8s top;}
.mainSection.esgCont li.scrOn{opacity: 1; top:0;}



.mainBrand	{ padding-bottom:15px; text-align:center; }
.mainBrand .slideList li	{ text-align:center; }
.mainBrand .slideList li span	{ display:inline-block; padding:15px 0; font-weight:bold; font-size:16px; }
.mainBrand .slideNav	{ height:13px; padding:0; }
.mainBrand .slideNav span	{ width:13px; height:13px; border-radius:13px; background:#c9c9c9; }
.mainBrand .slideNav span.on	{ background:#c70752; }

.mainEvent	{ padding-bottom:15px; text-align:center; }
.mainEvent a	{ display:block; }
.mainEvent img	{ max-width:100%; }
.mainEvent strong	{ display:inline-block; padding:10px 0; font-size:16px; }
.mainEvent span	{ display:inline-block; line-height:1.5em; }
.mainEvent span.date	{ display:inline-block; padding-top:10px; font-weight:bold; font-size:.85em; }

.mainNewsCont	{}
.mainNewsCont ul li	{ position:relative; min-height:95px; margin-bottom:40px; padding:0 0 40px 130px; background:url('/m/images/common/line_dashed.gif') repeat-x bottom left; }
.mainNewsCont ul li:last-child{ margin-bottom: 0;}
.mainNewsCont ul li a	{ display:block; }
.mainNewsCont ul li img	{ position:absolute; left:0; top:0; width:120px; height:120px;}
.mainNewsCont ul li strong	{ display:inline-block; padding-bottom:10px; font-size:16px; border-bottom: 1px solid #000; }
.mainNewsCont ul li span	{ display:inline-block; padding:10px 0; color:#666;}
.mainNewsCont ul li span.date	{ font-weight:bold; font-size:.85em; padding:0;}

.mainAdCont	{ text-align:center; }
.mainAdCont img	{ position:relative; width:100%; }
.mainAdCont span	{ display:block; position:absolute; left:50%; top:50%; width:50px; height:50px; margin:-25px 0 0 -25px; background:url('/m/images/common/ico_play2.png') no-repeat 0 0; background-size:50px; }
.mainAdCont p.tit	{ padding:15px 0; font-weight:bold; font-size:16px; }

.mainReview	{ padding:0; }
.mainReview .moreBtn	{ border:none; background:#f1f1f1; }

/********** ?????? **********/
#container .searchWrap h2	{ border:none; background:none; font-size: 24px; padding: 40px 10px 10px;}
.searchWrap	{}
.searchWrap .section	{ padding-bottom:40px; }
.searchWrap .listTypeB	{ border: 0;}
.searchWrap .listTypeB li	{ min-height:95px; padding: 15px 10px;}
.searchWrap .beautyList .listTypeB li,
.searchWrap .storyList .listTypeB li	{ min-height:80px; }
.searchWrap .section .btnArea {padding: 0 10px 0;}
.searchHead	{ padding:25px 0 0; }
.searchHead fieldset	{ position:relative; }
.searchHead fieldset p.ip	{border: 0; border-bottom: 1px solid #d9d9d9;}
.searchHead fieldset p.ip input {height: 44px; line-height: 44px; font-size: 20px;}
.searchHead fieldset p.ip input::placeholder {color: #d9d9d9;}
.searchHead fieldset .btnType1	{ position:absolute; right:0; top:0; width:50px; height:33px; line-height:33px; box-sizing: border-box; padding: 0; border-radius: unset;}
.searchHead fieldset .new_menu_search_clear_btn {display: none;position: absolute;padding: 13px;bottom: 0px;right: 36px; border: 0; background: none;}
.searchHead fieldset .new_menu_search_clear_btn.on {display: block;}
.searchHead fieldset .searchBtn {position: absolute; top: 5px; right: 0;}
.searchResult	{ padding: 80px 0; text-align:center; }
.searchResult p.tit	{ padding:0 50px 20px; font-size: 18px; line-height: 24px;}
.searchResult .txt	{ display:block; padding:15px 0 0; }
.searchResult > div { font-size: 12px;;}
.searchResult > div a {margin-top:10px; padding:0 20px; border: 1px solid #333333;}
.searchResult > div a span {color: #333333;}
#section2 .listTypeB {margin: 0;}
#section2 .listTypeB li {background: unset; min-height: unset;}
#section2 .listTypeB li p.thumb {position: unset; width: 100%; height: 160px;}
#section2 .listTypeB li p.thumb img {object-fit: cover;}
#section2 .listTypeB li .cont-thumb {padding: 10px 0;}
#section2 .listTypeB li .cont-thumb span {font-size: 14px; color: #C60E41;}
#section2 .listTypeB li .cont-thumb h3 {font-weight: 600; padding-top: 10px;}
#section2 .listTypeB li p.date {font-size: 12px; font-weight: normal; letter-spacing: 0; word-spacing: 0; }
.searchWrap .section .moreBtn {display: flex; justify-content: center; align-items: center; width: 100%; min-height: 50px; background: #ffffff; font-size: 14px; font-weight: 400; color: #111; border-radius: 50px; border: 1px solid #888;}
.searchWrap .section .moreBtn:after {width: 12px; height: 12px; margin-left: 10px; background: url(/m/images/main/m_arrow_more.png) no-repeat center; background-size: 12px auto; content: "";}
.searchWrap .searchTab {margin: 0 -9px 0 10px; overflow-x: scroll;}
.searchWrap .searchTab ul {display: flex; width: max-content;}
.searchWrap .searchTab li {display: inline-block; margin-right: 10px; border: 1px solid #c60e41; border-radius: 20px; background: #ffffff; padding: 0 14px;}
.searchWrap .searchTab li.on {background: #c60e41; color: #ffffff;}
.searchWrap .searchTab li a {height: 32px; line-height: 32px; color: #c60e41;}
.searchWrap .searchTab li.on a {color: #ffffff;}

/********** i-Connect **********/
.iconnectArea	{}
.iconnectArea .stepArea	{ margin:0 -9px; padding-bottom:25px; overflow:hidden; }
.iconnectArea .stepArea li	{ position:relative; float:left; width:33.3%; text-align:center; }
.iconnectArea .stepArea li:first-child	{ width:33.4%; }
.iconnectArea .stepArea li p	{ height:45px; line-height:45px; border:1px solid #dbdbdb; border-left:0; }
.iconnectArea .stepArea li span	{ position:absolute; right:-7px; top:50%; z-index:2; width:8px; height:14px; margin:-7px 0 0; background:url('/m/images/common/arrow13.gif') no-repeat 0 0; }
.iconnectArea .stepArea li.last p	{ border-right:0; }
.iconnectArea .stepArea li.last span	{ display:none; }
.iconnectArea .stepArea li.on p	{ color:#fff; background:#c70752; }
.iconnectArea .stepArea li.on span	{ position:absolute; right:-7px; top:50%; z-index:2; width:8px; height:14px; margin:-7px 0 0; background:url('/m/images/common/arrow11.gif') no-repeat 0 0; }
.iconnectArea .iconnectHead	{ padding:0 0 50px; }
.iconnectArea .iconnectHead>p.text	{ color:#454545; line-height:20px; }
.iconnectArea p.check	{ padding:20px 0 50px; }
.iconnectArea .btnArea .btnType6>span	{ margin-left:0; }
.iconnectArea .btnArea .btnType7>span	{ margin-right:0; }

.iconnectCont	{ position:relative; }
.iconnectCont p.text	{ padding:20px 0; }
.iconnectCont .modifyBtn	{ position:absolute; right:0; top:0; }
.iconnectCont .btnType4	{ padding:0 10px; font-weight:normal; font-size:11px; color:#454545; border-color:#e1e1e1; background:#ebebeb; }

.completeArea	{ padding:50px 0; text-align:center; }
.completeArea p.txt01	{}
.completeArea p.txt02	{ padding:15px 0 33px; font-weight:bold; font-size:20px; }
.completeArea p.txt03	{ line-height:20px; }

.ideaBtn	{  }
.ideaBtn img	{ width:168px; }

.scrutinyCont	{}
.contArea .scrutinyCont dt	{ margin-bottom:20px; padding:20px 0 20px !important; font-weight:bold; font-size:16px; line-height:1.3em; border-bottom:1px dotted #c0c0c0; }
.scrutinyCont dd	{ padding:0; background:none; }
.scrutinyCont p.caution	{ margin-top:10px; padding:0 0 0 18px; font-size:12px; color:#454545; background:url("/m/images/common/ico_caution.gif") no-repeat 0 3px; background-size:14px; }

/* mypage-idea */
.myIdeaCont	{}
.myIdeaCont h3	{ padding:50px 0 15px; }
.myIdeaCont .list,
.myIdeaCont .listTypeA	{ margin-top:50px; }

/* ??????? */
.testerCont	{}
.testerInfo	{ margin:0 -9px; }
.testerInfo img	{ width:100%; }

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

/* popup */
.bgLayer	{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; background:#fff; }
.popLayer	{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.popLayer .close	{ position:absolute; right:15px; top:10px; }
.popLayer .close img	{ width:19px; }
.popLayerCont	{ height:100%; }
#popWrap	{ position:relative; width:100%; height:100%; }
#popWrap h1	{ height:45px; margin:0 -9px; padding:0 9px; font-weight:bold; font-size:20px; color:#333; line-height:45px; border-bottom:1px solid #dbdbdb; }
#popWrap h2	{ padding:8px 0 10px; font-weight:bold; font-size:1.3em; color:#252525; border-bottom:1px solid #252525; background:url('/m/images/common/division4.gif') no-repeat 0 0; background-size:15px 2px; }
#popContent	{ width:100%; padding:0 9px 20px; overflow-y:auto; box-sizing:border-box; }

.testerFormArea ul.blt	{ margin-top:20px; }
.testerFormArea .contactWrap	{ padding:50px 0 0; }

/* ???? ?????? nego */
#wrapper.nego {min-width:auto; background-color: #07083a;}
.nego .mobile {width: 100%; display: block; margin:0 auto;}
.nego .m_cont{position: relative;}
.nego .m_cont section {position: relative; max-width: 1000px; margin: 0 auto;}
.nego .m_cont .videoWrap {position: absolute; bottom: 11%; left: 4%; width: 92%; height: 52vw; max-height: 460px; text-align: right;}
.nego .m_cont .videoWrap iframe {width: 100%; height: 100%;}
.nego .m_cont .btnWrap {position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); width: 90%; max-width: 857px; max-height: 131px; text-align: right;}
.nego .m_cont .btnWrap a {width: 100%; height: 100%;}
.nego .m_cont .btnWrap a img {}
.nego .m_cont a {display: block; max-width: 1000px; margin: 0 auto;}
.nego .m_cont img{width:100%}