@charset "utf-8";

/* sub(공통) */
#wrap .container h1 { width:70%; font-weight:400; font-size:18px; line-height:48px; margin:0 auto 20px auto; box-sizing:border-box; text-align:center; position:relative; top:0; left:50%; margin-left:-35%; z-index:999; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
#wrap .container.fullWrap {display:table; table-layout:fixed; width:100%; height:calc(100% - 48px); padding-bottom:0;}
#wrap .container.fullWrap .conBox {display:table-cell; vertical-align:middle;}
#wrap .container.fullWrap .conBox .completeBox {margin-top:-20vh;}

.container .conBox { }
/* .container .conBox.basic { padding:20px 0; } */
.container .conBox.form { padding:50px 0; }
.container .conBox.full { padding:0; }
.container .conBox.topTab { padding:0; }
.container .conBox h2 { text-align:center; font-size:16px; }
.container .conBox h3 { font-size:16px; }
.container .conBox h3 em { font-weight:200; letter-spacing:0; }

.conStep { height:7px; background:#f7f7f7; }
.conTopInfo { text-align:center; }

.conInfo h3, .conInfo h4 { padding:25px 15px 10px 15px; }
/* 회사소개 ceo말씀 여백수정 */
.infoOutline_padding{padding-top:20px;}
.infoOutline { padding:0 25px 25px 25px; line-height:20px; text-align:justify; }
.infoBox1 { padding:0 15px; line-height:20px; }
/*간격배치 조정 2022-01-20*/
.infoBox2 { line-height:20px; margin-top:15px;}
.agtforBox2{ padding: 0 15px;}
/* 지점 클래스 추가 2022-03-08 */
.infoBox_branch { line-height:20px; margin-left: 25px;margin-right:25px;font-size:15px;}



.infoBox2 ul{margin-top:5px; padding: 0 15px;}
.infoBox2 ul li{letter-spacing: -1.1px; display:inline-block; margin-bottom:5px;line-height: 1.3;}
/*카테고리와 컨텐츠 행간간격 수정 2022-01-17*/
.infoBox2 ul li:nth-child(1) span{margin-top: 18px;}
/* 데이터 없을시 텍스트 중앙배치 2022-01-17 */
.infoBox2 ul li.none_data{width:100%;}
.infoBox_fix{text-align:none !important;}
.infoBox2 ul li{letter-spacing: -1.1px; display:inline-block; margin-bottom: 5px;line-height: 1.3;}
.infoBox2 .lineFix{text-align:justify;}
.infoBox-title{color: #5da62b; font-size:14px;}
.infoBox-titleList{padding: 10px 0;background-color: #fff;}
.text-line p.text-line-desc{text-align:center;}
/* justify */
div.infoBox2 p{text-align: center;}
/* 클래스 추가하여 텍스트 왼쪽으로 배열 2022-03-07 */
div.infobox_fix p{text-align:left;}
.dataNone { padding:70px 15px !important; text-align:center; color:#959595; }

/* 통합검색 */
.searchSection { border-top:7px solid #f7f7f7; padding:20px 0 30px 0; }
.container .conBox .searchSection h3 { padding:0 15px 10px 15px; font-size:17px; }
.container .conBox .searchSection h3 em { font-size:15px; color:#959595; }

/* 회사소개 */
.intducInfo { margin-top:20px; }
.intducInfo .intducNum { text-align:center; letter-spacing:1px; font-size:12px; margin-bottom:15px; position:static; color:#999999; }
.intducInfo .intducNum .swiper-pagination-current { font-weight:400; color:#252525; }
.intducInfo p { margin-top:15px; padding:0 25px; line-height:20px; text-align:justify; }
.intducDetail { }
.intducDetail .info { padding:25px; border-top:1px solid #e1e1e1; }
.intducDetail .info li { margin-bottom:5px; line-height:20px; position:relative; padding-left:90px; }
.intducDetail .info li > span { position:absolute;top:0;left:0; font-size:13px;  }
.intducDetail .info li > em { font-weight:400; letter-spacing:-0.3px; }
.intducDetail .img { padding:25px; text-align:center; background:#f7f7f7; }
.intducDetail .img img { width:80%; max-width:450px; }

/* CEO */
.ceoSignature { text-align:right; margin-top:40px; padding-right:25px; }
.ceoSignature img { width:150px; }

/* 연혁 */
.historyImg {}
.historyImg.slick-initialized .slick-slide span {display:block; padding:0 5px;}
.historyList { padding:0 25px; }
.historyList dt { margin:30px 0 15px 0; font-size:16px; font-weight:400; letter-spacing:0; }
.historyList dd { margin:0 0 10px 0; position:relative; padding-left:30px; line-height:22px; }
.historyList dd strong { position:absolute; top:0; left:0; line-height:22px; text-align:center; width:22px; height:22px; background:#f7941d; color:#fff; font-size:12px; font-weight:400; letter-spacing:0; border-radius:50%; }
.historyList dd:nth-child(odd) strong { background:#fcba63; }

/* Noroo Way */
.wayInfo1 { display:table; width:100%; }
.wayInfo1 li { display:table-row; }
    .wayInfo1 li:nth-child(odd) { background:#f7f7f7; }
    .wayInfo1 li::after { content:""; display:block; clear:both; }
    .wayInfo1 li > * {  display:table-cell; vertical-align:middle; }
    .wayInfo1 li span { padding:10px 20px; width:100px; }
        .wayInfo1 li img { width:100px; }
        .wayInfo1 li em { line-height:20px; }
        .wayInfo1 li em strong { display:block; font-weight:400; }
.wayInfo2 { display:table; width:100%; margin-top:15px;}
.wayInfo2 li { display:table-row; margin-bottom:10px; }
    .wayInfo2 li::after { content:""; display:block; clear:both; }
    .wayInfo2 li > * {  display:table-cell; vertical-align:middle;}
    .wayInfo2 li span { }
    .wayInfo2 li span em { display:inline-block; width:80px; height:80px; text-align:center; background:#f7f7f7; border-radius:100%; font-weight:400; line-height:80px; letter-spacing:0; margin:5px 15px; }
    .wayInfo2 li > em { line-height:20px; padding-right:15px; }
.wayInfo3 { text-align:center; margin-bottom:20px;  }
    .wayInfo3::after { content:""; display:block; clear:both; }
.wayInfo3 dd { float:left; width:50%; padding:10px 15px; box-sizing:border-box;  }
    .wayInfo3 dd img { max-width:150px;  }
    .wayInfo3 dd em { display:block; margin-top:10px; }
.wayInfo3 dt { line-height:30px; padding:20px 0 5px 0; clear:both; font-size:16px; background:#f7f7f7; margin-bottom:10px; }
    .wayInfo3 dt i { color:#5da62b; }

/* CI */
.ciColor { background:#f7f7f7; padding:25px 30px;; }
.ciColor li { position:relative; padding-left:75px; height:20px; line-height:20px; letter-spacing:0; }
.ciColor li:first-child { margin-bottom:10px; }
.ciColor li span { position:absolute; display:block; width:60px; height:20px; top:0;left:0; }
.ciColor li.color1 span {background:#7c8085;}
.ciColor li.color2 span {background:#d0333a;}
.ciDown {width:48%; padding-top:60px; float:left;}
.ciDown div.downBtn .ciColor_btn {position: relative;color: #252525;border: 1px solid #252525; align-items: center; background: #fff;display: flex;justify-content: center;padding: 12px;border-radius: 26px; width:100%;}

/* 계열사 */
.affiliatWrap { }
.affiliatWrap .swiper-slide > ul > li { border-top:7px solid #f7f7f7; padding-top:30px; }
.affiliatWrap ul > li h3 {padding:0 150px 0 25px; position:relative; font-size:16px; line-height:20px; min-height:30px;}
.affiliatWrap ul > li h3 img { position:absolute; bottom:7px;right:25px; height:auto; max-height:28px; width:auto; max-width:115px; }
.affiliatWrap ul > li p {padding:15px 25px 20px 25px; line-height:20px; text-align:justify;}
.affiliatWrap ul > li p strong { font-weight:400;display:block; margin-bottom:3px; }
.affiliatWrap ul > li ul { padding:15px 25px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.affiliatWrap ul > li ul li { padding-left:70px; margin-bottom:5px; position:relative; line-height:18px;}
.affiliatWrap ul > li ul li em { letter-spacing:-0.3px; font-weight:300; word-wrap:break-word; }
.affiliatWrap ul > li ul li em span::before { content:"/"; font-weight:100; padding:0 5px; color:#959595; font-size:12px; vertical-align:top; }
.affiliatWrap ul > li ul li > span { position:absolute; left:0; top:0; text-align:left; font-size:12px; }

/* 찾아오시는 길 */
.locationWrap {}
    .locMap { width:100%; height:225px; background:#fffccb; }

/* 공통 : 리스트 상단검색 */
.listTopSearch {  }
.container .conBox .listTopSearch h3 { padding:0 15px 5px 15px; }
.searchWrap { padding:0 15px 15px 15px; }

.searchCkBox { background:#f7f7f7; padding:20px 15px 15px 15px; }
    .searchCkBox ul { max-width:500px; margin:0 auto; }
    .searchCkBox ul::after {content:"";display:block;clear:both;}
    .searchCkBox li { float:left; width:33.3333%; }

    /* 대리점 */
    .searchCkBox.agtCkBox { margin-bottom:5px; }
    .searchCkBox.agtCkBox li:nth-child(3n+1) { width:25%; }
    .searchCkBox.agtCkBox li:nth-child(3n+2) { width:41%; }
    .searchCkBox.agtCkBox li:nth-child(3n+3) { width:34%; }
    /* 인증서 */
    .searchCkBox.certifiCkBox { margin-bottom:5px; }
    .searchCkBox.certifiCkBox li { width:50%; }
	/* 도장시방서 */
    .searchCkBox.specifiCkBox { margin-bottom:5px; }
    .searchCkBox.specifiCkBox li { width:50%; }
    /* 시험성적서 */
    .searchCkBox.kolasCkBox { margin-bottom:5px; }
    .searchCkBox.kolasCkBox li:nth-child(3n+1) { width:47%; }
    .searchCkBox.kolasCkBox li:nth-child(3n+2) { width:26%; }
    .searchCkBox.kolasCkBox li:nth-child(3n+3) { width:27%; }

/* 안내문구 */
.infoLine { color:#959595;font-size:13px; padding:15px 15px 0 15px; line-height:18px; }
.infoLine b { font-weight:300; color:#252525; }


/* 통합자료 */
.prodCateList { background:#f7f7f7; margin-top:30px; }
.prodCateList h3 { font-size:16px; padding:25px 15px 15px 15px; border-bottom:1px solid #e1e1e1; }
.prodCateList h4 { width:100%; box-sizing:border-box; height:45px; line-height:45px; padding:0 15px;  background:#f7f7f7; border-bottom:1px solid #eee; position:relative; }
.prodCateList h4 i { position:absolute; top:0px; right:25px; font-size:16px; line-height:45px; }
        .prodCateList h4 i.xi-check { }
        .prodCateList h4 i.xi-plus { color:#959595; }
.prodCateCon { display:none; padding:10px 15px 25px 15px; background:#fff; border-bottom:1px solid #e1e1e1; }
.prodCateCon li { position:relative; margin-top:15px; padding-left:90px; min-height:25px;list-style-type: none;}
.prodCateCon li em { position:absolute; top:5px; left:0; font-size:13px; line-height:16px; }
.prodCateCon li a { display:inline-block; border:1px solid #eee; padding:0 10px; border-radius:12px; height:24px; line-height:22px; font-size:12px; margin:0 1px 2px 0; }
.prodCateList.all { margin-top:0; }
.prodCateList.all .prodCateCon { display:block; }

/* 제품 - 검색 */
.prodListTab { background:#f7f7f7; }
    .prodListTab h3 { font-size:16px; padding:25px 15px 15px 15px; border-bottom:1px solid #e1e1e1; }
    .prodListTab h4 { width:100%; box-sizing:border-box; height:45px; line-height:45px; padding:0 15px;  background:#f7f7f7; border-bottom:1px solid #eee; position:relative; }
    .prodListTab h4 i { position:absolute; top:0px; right:25px; font-size:16px; line-height:45px; }
        .prodListTab h4 i.xi-check { }
        .prodListTab h4 i.xi-plus { color:#959595; }
.prodListTab .prodList { padding:15px; display:none; background:#fff; border-bottom:1px solid #e1e1e1; }
.prodList { padding:0 15px 15px 15px; }
.prodList li { margin-top:10px; display:table; }
.prodList li:first-child { margin-top:0; }
    .prodList li > * { display:table-cell; table-layout:fixed; vertical-align:middle; }
    .prodList li em { width:50px; height:50px; border:1px solid #e1e1e1; padding:7px; }
        .prodList li em img { width:100%; height:100% }
    .prodList li span { padding-left:20px; line-height:20px; }

/* 제품안내 */
.prodDetail {  }
.prodDetail .prdTit { padding:15px 15px 25px 15px; position:relative; }
    .container .conBox .prdTit h2 { line-height:21px; padding:0 45px 0 0 ; text-align:left; }
    .prdTit .btnIco.Share { position:absolute; bottom:20px; right:15px; }
    .prdTit .btnIco i { color:#f7941d; }

.prodDetail .prodConTop { background:#f7f7f7; min-height:100px; padding:45px 15px 20px 130px; position:relative; }
    .prodConTop .prodImg { position:absolute; top:43px; left:15px; width:100px; height:100px; background:#fff; padding:10px; box-sizing:border-box; }
    .prodConTop .prodImg img { width:100%; height:100%; }
    .prodConTop .prodDepth { position:absolute; top:10px; left:15px; font-size:12px; color:#959595; padding:5px 0; line-height:16px; }
        .prodConTop .prodDepth span::after { content:">"; padding:0 5px; color:#ccc; }
        .prodConTop .prodDepth span:last-child::after { content:""; padding:0;}
    .prodConTop .prodInfo { line-height:20px; }
.prodConTop .prodFileInfo { margin-top:10px; }
    .prodConTop .prodFileInfo ul { margin:0 auto; }
    .prodConTop .prodFileInfo ul::after {content:"";display:block;clear:both;}
    .prodConTop .prodFileInfo li { float:left; border:1px solid #eee; font-size:13px; margin:0 3px 3px 0; height:22px; line-height:20px; background:#fff; padding:0 9px 0 7px; border-radius:11px; font-size:13px; }
    .prodConTop .prodFileInfo li.off { background:none; }
    .prodConTop .prodFileInfo li em { display:inline-block; text-align:center; width:50px; }
    .prodConTop .prodFileInfo li em.width60 { width:60px; }
    .prodConTop .prodFileInfo li i { font-size:14px; color:#7fc241; }
    .prodConTop .prodFileInfo li.off i { color:#ccc; }

.prodDetail .infoOutline {padding:0 25px 0 25px; }
.prodDetail img { width:auto; max-width:100%; }
.prodDetail table { width:100%; border-top:1px solid #e1e1e1; }
    .prodDetail table tr > * { border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:7px 5px; line-height:120%; }
    .prodDetail table tr > *:first-child { border-left:none; }
    .prodDetail table th { background:#f7f7f7; font-weight:200; }
    table.prodTb1 tr th { text-align:center; font-size:13px; }
    table.prodTb1 tr td { text-align:left; padding-left:10px; font-size:13px; }
    table.prodTb2 tr > * { text-align:center; font-size:13px; }

/* 제품 - 기술지원 */
.prodAdvice { border-top:7px solid #f7f7f7; border-bottom:1px solid #eeeeee; padding:30px 15px; margin-top:40px; }
.prodAdvice .listType1 li { margin-top:10px; }
.prodAdvice .listType1 li:first-child {border-top:none; }
.prodAdvice li a { display:inline-block; font-size:13px; color:#757575; }
.prodAdvice li a:last-child{ font-weight:300; color:#252525; }
.prodAdvice li a::after { display:inline-block; content:">"; padding:0 5px; color:#ccc; }
.prodAdvice li a:last-child::after { content:""; padding:0; }

/* GHS-MSDS */
.prodMsdsIntro { padding:90px 25px 50px 25px; text-align:center; line-height:20px; }
.prodMsdsList { margin-top:10px; }
.prodMsdsList .listTopInfo { color:#959595;font-size:13px; padding:0 15px 15px 15px; line-height:18px; }
.prodMsdsList .listTopInfo strong { font-weight:300; }

.prodMsdsList .formNY { display:table; width:100%;table-layout:fixed; border-radius:7px; margin-bottom:15px; }
.prodMsdsList .formNY a { display:table-cell; text-align:center; height:30px; line-height:28px; border:1px solid #b7b7b7; border-right-color:#eee; border-top-left-radius:7px;border-bottom-left-radius:7px;  }
    .prodMsdsList .formNY a i { display:none; }
.prodMsdsList .formNY a:first-child { }
.prodMsdsList .formNY a:last-child {  border:1px solid #b7b7b7; border-right-color:#b7b7b7; border-left:none;border-top-right-radius:7px;border-bottom-right-radius:7px; border-top-left-radius:0px;border-bottom-left-radius:0px;  }
    .prodMsdsList .formNY a.on { color:#fff; background:#fcba63; border-color:#fcba63; font-weight:400; }
    .prodMsdsList .formNY a.on i { display:inline-block; color:#fff; margin-left:5px; font-size:17px;}

.prodMsdsList li { padding:25px 50px 20px 15px; border-top:1px solid #eee; line-height:20px; position:relative; box-sizing:border-box; }
    .prodMsdsList .btnIcoWrap { position:absolute; bottom:18px; right:15px; z-index:1; }
    .prodMsdsList .btnIcoWrap .btnIco { margin-left:3px; }
    .prodMsdsList .btnIcoWrap .btnIco i.xi-cloud-o { color:#5da62b; }
    .prodMsdsList .btnIcoWrap .btnIco i.xi-cloud-off { color:#e1e1e1; }
.prodMsdsList li h3, .prodMsdsList li h4 {}
.prodMsdsList li p { margin-top:3px; color:#959595; padding-right:45px; }

/* 인증서 */
.prodCertifiList { margin-top:10px; }
.prodCertifiList .listTopInfo { color:#959595;font-size:13px; padding:15px; line-height:18px; }
.prodCertifiList .listTopInfo strong { font-weight:300; }
.prodCertifiList > ul > li { padding:20px 15px; border-top:1px solid #eee; line-height:20px; position:relative; box-sizing:border-box; }
    .prodCertifiList .btnIcoWrap { position:absolute; top:18px; right:15px; z-index:1; }
    .prodCertifiList .btnIcoWrap .btnIco { margin-left:3px; }
    .prodCertifiList .btnIcoWrap .btnIco i.xi-cloud-o { color:#5da62b; }
    .prodCertifiList .btnIcoWrap .btnIco i.xi-cloud-off { color:#e1e1e1; }
.prodCertifiList li h3, .prodCertifiList li h4 { font-weight:200; color:#f7941d; }
.prodCertifiList li p { margin:2px 0; color:#959595; padding-right:45px; padding-left:10px; }
.prodCertifiList li .listType1 { margin-left:10px; }

/*도장시방서*/
.prodSpecifiList { margin-top:10px; }
.prodSpecifiList .listTopInfo { color:#959595;font-size:13px; padding:15px; line-height:18px; }
.prodSpecifiList .listTopInfo strong { font-weight:300; }
.prodSpecifiList > ul > li { padding:20px 15px; border-top:1px solid #eee; line-height:20px; position:relative; box-sizing:border-box; }
    .prodSpecifiList .btnIcoWrap { position:absolute; top:18px; right:15px; z-index:1; }
    .prodSpecifiList .btnIcoWrap .btnIco { margin-left:3px; }
    .prodSpecifiList .btnIcoWrap .btnIco i.xi-cloud-o { color:#5da62b; }
    .prodSpecifiList .btnIcoWrap .btnIco i.xi-cloud-off { color:#e1e1e1; }
.prodSpecifiList li h3, .prodSpecifiList li h4 { font-weight:200; color:#f7941d; }
.prodSpecifiList li p { margin:2px 0; color:#959595; padding-right:45px; padding-left:10px; }
.prodSpecifiList li .listType1 { margin-left:10px; }

/* 시험성적서 */
.prodKolasList { margin-top:10px; }
.prodKolasList .listTopInfo { color:#959595;font-size:13px; padding:15px; line-height:18px; }
.prodKolasList .listTopInfo strong { font-weight:300; }
.prodKolasList > ul > li { padding:20px 15px; border-top:1px solid #eee; line-height:20px; position:relative; box-sizing:border-box; }
    .prodKolasList .btnIcoWrap { position:absolute; top:18px; right:15px; z-index:1; }
    .prodKolasList .btnIcoWrap .btnIco { margin-left:3px; }
    .prodKolasList .btnIcoWrap .btnIco i.xi-cloud-o { color:#5da62b; }
    .prodKolasList .btnIcoWrap .btnIco i.xi-cloud-off { color:#e1e1e1; }
.prodKolasList li h3, .prodKolasList li h4 { font-weight:200; color:#f7941d; }
.prodKolasList li p { margin:2px 0; color:#959595; padding-right:45px; padding-left:10px; }
.prodKolasList li em { display:block; padding-left:10px; }


/* 페인트 컬러찾기 */
.colorChartCon { display:none; }

.colorPickerWrap {}
.colorListWrap{display:block !important;width:100%;height:260px;overflow-y:scroll;background-color:#f7f7f7;}

.colorSearchWrap { padding:20px 15px 30px 15px; }
.colorSearch { display:table; width:100%; }
    .colorSearch > div { display:table-cell; table-layout:fixed; vertical-align:bottom; }
    .colorSearch > div:last-child { padding-left:10px; width:70px; }
.colorSearchWrap .selColor { margin-top:20px; width:100%; border-radius:7px; line-height:42px; text-align:center; font-size:13px; color:#fff; letter-spacing:0; background:#f7f7f7; /* text-shadow:-1px -1px 0 #ccc, 1px -1px 0 #ccc, -1px 1px 0 #ccc, 1px 1px 0 #ccc;*/text-shadow:0 1px 3px #555; font-weight:400; border:1px solid #e1e1e1; }
.colorSearchWrap .infoTxt { margin-top:15px; font-size:13px; color:#959595; line-height:18px; }
.colorSearchWrap .marT0{margin-top:0 !important; text-align:justify;}


.colorVeiw { padding:30px 15px 40px 15px; border-top:7px solid #f7f7f7; }
.colorVeiw h3 { margin-bottom:20px; }
    .colorVeiw li { position:relative; margin-top:10px; }
    .colorVeiw li .colorDel { position:absolute; top:0;right:10px; }
    .colorVeiw li .colorDel i { color:#fff; font-size:14px;line-height:40px; }
    .colorVeiw .selColor { width:100%; border-radius:7px; line-height:40px; text-align:center; font-size:13px; color:#fff; letter-spacing:0; background:#f7f7f7;text-shadow:0 1px 3px #555; font-weight:400; }
    .colorVeiw .none .selColor { line-height:80px; line-height:80px; color:#252525; text-shadow:none; }

.calculatorWrap { padding:30px 15px 40px 15px; border-top:7px solid #f7f7f7; }
.calculatorWrap h3 { margin-bottom:20px; }
.calculatorInput { width:300px; height:120px; padding:0 40px 0 160px; background:url(../img/kr/paint_calculator_img.png) no-repeat 10px center; background-size:120px;margin: 0 auto; box-sizing:border-box; }
    .calculatorInput ul.userForm { width:130px; margin:0; }
    .calculatorInput ul.userForm li { margin-top:5px; position:relative; }
    .calculatorInput ul.userForm li input { border-bottom-color:#252525; padding-right:30px; }
    .calculatorInput ul.userForm li::after { position:absolute; display:inline-block; content:"m"; line-height:39px; top:0; right:25px; }

.calculatorResult { background:#f7f7f7; padding:25px 15px; }
.calculatorResult ul.userForm { display:table; max-width:500px; table-layout:fixed; margin:0 auto; }
.calculatorResult ul.userForm li { display:table-cell; padding:0; position:relative; }
.calculatorResult ul.userForm li .formTitle { padding-left:0; color:#252525; }
.calculatorResult ul.userForm li input {  border-bottom-color:#f7941d; text-align:center; padding-right:30px; font-weight:400; font-size:18px }
.calculatorResult ul.userForm li:first-child { padding-right:20px; }
    .calculatorResult ul.userForm li:first-child::after { position:absolute; display:inline-block; content:"㎡"; line-height:39px; bottom:1px; right:35px; font-size:16px; font-weight:400; }
    .calculatorResult ul.userForm li:last-child::after { position:absolute; display:inline-block; content:"L"; line-height:39px; bottom:1px; right:15px; }


/* 대리점 */
.agentList { margin-top:10px; }
.agentList .listTopInfo { color:#959595;font-size:13px; padding:15px; line-height:18px; }
.agentList li { padding:25px 15px 20px 15px; border-top:1px solid #eee; line-height:20px; position:relative; box-sizing:border-box; }
    .agentList .btnIcoWrap { position:absolute; top:18px; right:15px; z-index:1; }
    .agentList .btnIcoWrap .btnIco { margin-left:3px; }
.agentList li h3, .agentList li h4 { padding-right:85px; }
.agentList li .icoSmile { display:inline-block; width:76.8px; height:24px; background:url(../img/kr/icon_smile.png) center center no-repeat; background-size:76.8px; border-radius:5px; vertical-align:middle; margin-left:3px; }
.agentList li .icoSmile_s { display:inline-block; width:20px; height:20px; background:url(../img/kr/icon_smile_s.png) center center no-repeat; background-size:22px; border-radius:50%; vertical-align:middle; margin-left:3px; }
.agentList li p { margin-top:12px;  }
.agentList li .agtIcoWrap span { font-weight:300; }
    .agtIcoWrap .agtIco::after { display:inline-block; height:22px; line-height:20px; font-size:12px; color:#fff; background-color:#f7f7f7; padding:0 10px;  border-radius:11px; margin:0 1px 3px 0; }
    .agtIcoWrap .agtType1::after { content:"조색시스템"; background-color:#edb212; }
    .agtIcoWrap .agtType2::after { content:"자동차보수"; background-color:#04ce76; }
    .agtIcoWrap .agtType3::after { content:"방수시공"; background-color:#61a3ff; }
    .agtIcoWrap .agtType4::after { content:"팬톤페인트 전문점"; background-color:#ff6f61; }
    .agtIcoWrap .agtType5::after { content:"듀럭스 전문점"; background-color:#9084ff; }

.agentDetail {  }
.agentDetail .agtTit { padding:15px 15px 25px 15px; position:relative; }
    .container .conBox .agtTit h2 { line-height:21px; padding:0 45px; font-size:17px; }
    .agtTit .btnIco.Share { position:absolute; top:12px; right:15px; }
    .agtTit .btnIco i { color:#f7941d; }
.agentDetail .agtConTop { background:#f7f7f7; padding:25px 0 35px 0; }
.agentDetail .agtConTop .smile { padding:0 25px 0 25px; }
    .agentDetail .agtConTop .smile a { margin-right:3px; display:inline-block; margin-bottom:10px; vertical-align:bottom; }
    .agentDetail .agtConTop .smile img { height:30px; border-radius:4px; }
    .agentDetail .agtConTop .btnInterview { display:inline-block; line-height:28px; height:30px; border-radius:4px; box-sizing:border-box; font-size:13px; padding:0 13px 0 10px; border:1px solid #78bc27; }
.agentDetail .agtConTop .btnInterview i { font-size:16px; margin-right:3px; color:#78bc27; }

.agentDetail .infoOutline {padding:0 25px 10px 25px; }
.agentDetail .agtHandleList { padding:0 25px 0 25px; }
.agentDetail .agtHandleList span { font-weight:300; }
    .agtHandleList .agtIco { display:inline-block; height:22px; line-height:20px; font-size:12px; color:#fff; background-color:#f7f7f7; padding:0 10px;  border-radius:11px; margin:0 1px 3px 0; }
    .agtHandleList .agtHandle0 { background-color:#666666; }
    .agtHandleList .agtHandle1 { background-color:#f0a332; }
    .agtHandleList .agtHandle2 { background-color:#9bc226; }
    .agtHandleList .agtHandle3 { background-color:#8169f9; }
    .agtHandleList .agtHandle4 { background-color:#6981f9; }
    .agtHandleList .agtHandle5 { background-color:#69abf9; }
    .agtHandleList .agtHandle6 { background-color:#5da62b; }
    .agtHandleList .agtHandle7 { background-color:#f07132; }
    .agtHandleList .agtHandle8 { background-color:#1ea7a9; }
    .agtHandleList .agtHandle9 { background-color:#29ab7f; }
    .agtHandleList .agtHandle10 { background-color:#2890e1; }
    /*
    .agtHandleList .agtIco::after { display:inline-block; height:22px; line-height:20px; font-size:12px; color:#fff; background-color:#f7f7f7; padding:0 10px;  border-radius:11px; margin:0 1px 3px 0; }
    .agtHandleList .agtHandle1::after { content:"건축용"; background-color:#666666; }
    .agtHandleList .agtHandle2::after { content:"바닥방수용"; background-color:#f0a332; }
    .agtHandleList .agtHandle3::after { content:"자동차보수용"; background-color:#9bc226; }
    .agtHandleList .agtHandle4::after { content:"선박용"; background-color:#6981f9; }
    .agtHandleList .agtHandle5::after { content:"중방식용"; background-color:#6981f9; }
    .agtHandleList .agtHandle6::after { content:"DIY용"; background-color:#69abf9; }
    .agtHandleList .agtHandle7::after { content:"다양한부자재"; background-color:#5da62b; }
    .agtHandleList .agtHandle8::after { content:"컬러상담"; background-color:#f07132; }
    .agtHandleList .agtHandle9::after { content:"조색서비스"; background-color:#1ea7a9; }
    .agtHandleList .agtHandle10::after { content:"취급10"; background-color:#29ab7f; }
    .agtHandleList .agtHandle11::after { content:"취급11"; background-color:#2890e1; }
    */
.agentDetail img { width:auto; max-width:100%; }

/* 컨텐츠 이미지 갤러리 */
.conInfoImg { margin-bottom:20px; }
.conInfoImg .slick-initialized .slick-slide { padding: 0 5px; }
.conInfoImg .slick-initialized .slick-slide span { display:block; padding: 0 5px; }
    .conInfoImg .slick-initialized .slick-slide {padding:0 5px;}
    .conInfoImg .slick-dots { bottom:-20px; }
    .conInfoImg .slick-dots li button { border:none; background:#e1e1e1; }
    .conInfoImg .slick-dots li.slick-active button { background:#252525; }

/* 지점 */
.branchWrap { }
.branchSelect { padding:0px 15px 20px 15px; }
    .branchSelect select { border-bottom:1px solid #252525; }
   /* .branchSelect + .branchList { border-top:1px solid #f7f7f7; padding:20px 0 30px 0; }*/
.branchList { border-top:7px solid #f7f7f7; padding:30px 0 30px 0; }
.branchList h2 { padding:0 15px 15px 15px; }
.branchList h3 { padding:25px 15px 10px 25px; }

/* 담당자안내 */
.contactTop { text-align:center; line-height:20px; padding-top:10px; }
.contactList { margin-top:20px; }
.contactList li { border-top:1px solid #eee; padding:20px 25px; }
    .contactList li h4 { font-weight:300; }
    .contactList li h4 em { color:#5da62b; }
    .contactList li h4 em::after { content:"/"; padding:0 10px; color:#959595; font-size:12px; }
    .contactList li p { letter-spacing:0; }
    .contactList li p i { font-size:18px; margin-right:10px; }

/* 노루아카데미 */
.academyTop { padding-top:10px; }
.academyCon { border-top:7px solid #f7f7f7; padding:30px 0; }
    .academyCon h3 { padding:0 15px; margin-bottom:15px; }
    .academyCon .infoTxt { padding:0 15px; line-height:20px; }
    .academyCon .infoList { padding:0 15px; }
    .academyCon .infoImg { padding:0 15px 0 10px; margin-top:20px; }
    .academyCon .infoImg ul { display:table; table-layout:fixed; }
    .academyCon .infoImg li { display:table-cell; padding-left:5px; }
.academyCon table { width:100%; border-top:1px solid #e1e1e1; }
    .academyCon table tr > * { border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:7px 5px; line-height:120%; }
    .academyCon table tr > *:first-child { border-left:none; }
    .academyCon table th { background:#f7f7f7; font-weight:200; }
    table.academyTb1 tr > * { text-align:left; padding-left:10px; font-size:13px; }
    table.academyTb2 tr > * { text-align:center; font-size:12px; }
    table.academyTb2 td img { max-width:80px; width:auto;margin:8px 0 }
.academyStep { padding:0 15px 0 10px; margin-bottom:15px }
.academyStep ul { display:table; width:100%; }
.academyStep li { display:table-cell; width:25%; padding-left:5px; text-align:center; vertical-align:top; }
.academyStepN li { width:20%;  }
.academyStep li p { width:100%; height:75px; border:1px solid #eee; box-sizing:border-box; text-align:center; border-radius:7px; padding-top:15px; position:relative; display:block; display:table; }
.academyStepN li p{height:120px}
    .academyStep li p span { position:absolute; top:0; left:0; width:100%; text-align:center; height:30px; font-size:12px; font-weight:400; color:#7fc241; line-height:30px;}
    .academyStep li p em { display:table-cell; width:100%; padding:0 5px; text-align:center; font-size:12px; line-height:16px; box-sizing:border-box; vertical-align:middle; }
.academyNotice { padding:20px; background:#f7f7f7; line-height:20px; }
.academyNowWrap h3 { padding:0 15px; margin-bottom:15px; }
    .academyNow { padding:20px 20px 30px 20px; background:#0f4c81; position:relative; margin:0 auto;  max-width:400px; }
    .academyNow h4 { padding-right:100px; color:#fff; font-size:16px; }
    .academyNow h5 { padding-right:100px; font-size:22px; color:#fff;}
    .academyNow .infoImg { position:absolute; top:20px; right:20px; }
        .academyNow .infoImg img { width:140px; height:auto; }
    .academyNow .instructor { padding:0 100px 0 80px; margin-top:10px; display:table; position:relative;height:70px; width:100%; box-sizing:border-box; }
        .academyNow .instructor .photo { position:absolute; top:5px; left:0; }
        .academyNow .instructor .photo img { width:70px; height:80px; background-size:cover; background-position:center center; }
        .academyNow .instructor .name { display:table-cell; vertical-align:bottom; color:#fff;height:80px;line-height:150%; }
        .academyNow .instructor .name em {font-size:14px;}
    .academyNow .infoTxt {line-height:20px; margin-top:15px;text-align:justify;color:#fff; }

/* 컬러디자인센터 */
.ccImgWrap { margin-bottom:40px; }
    .ccImgWrap .slick-initialized .slick-slide {padding:0 5px;}
    .ccImgWrap .slick-dots { bottom:-20px; }
    .ccImgWrap .slick-dots li button { border:none; background:#e1e1e1; }
    .ccImgWrap .slick-dots li.slick-active button { background:#252525; }
.ccToggleTab { margin-top:40px; border-top:1px solid #e1e1e1; }
    .ccToggleTab h4 { font-size:16px; width:100%; box-sizing:border-box; height:45px; line-height:45px; padding:0 25px;  background:#f7f7f7; border-bottom:1px solid #e1e1e1; position:relative; }
    .ccToggleTab h4 i { position:absolute; top:0px; right:25px; font-size:16px; line-height:45px; }
        .ccToggleTab h4 i.xi-check { }
        .ccToggleTab h4 i.xi-plus { color:#959595; }
.ccToggleCon { display:none; padding:25px; border-bottom:1px solid #e1e1e1; }

/* 가상페인팅서비스 */
.vPaintingTop { padding:20px 25px 30px 25px; text-align:center; }
    .vPaintingTop h2 { margin-bottom:10px; }
    .vPaintingTop p { line-height:20px; word-break:keep-all; }
.vPaintingStep { margin-top:30px; padding:0 15px; }
.vPaintingStep h3 { margin-bottom:5px; }
.vPaintingStep ul { margin-left:-10px; }
.vPaintingStep ul::after {content:"";display:block;clear:both;}
.vPaintingStep li { float:left; width:50%; padding-left:10px; box-sizing:border-box; margin-top:10px; }
.vPaintingStep li p { width:100%; height:75px; border:1px solid #eee; box-sizing:border-box; text-align:center; border-radius:7px; padding-top:15px; position:relative; display:block; display:table; }
    .vPaintingStep li p span { position:absolute; top:0; left:0; width:100%; text-align:center; height:30px; font-size:12px; font-weight:400; color:#7fc241; line-height:30px;}
    .vPaintingStep li p em { display:table-cell; width:100%; padding:0 5px; text-align:center; line-height:16px; box-sizing:border-box; vertical-align:middle; }

/* Q&A */
.qnaList { }
.qnaList li { border-bottom:1px solid #e1e1e1; position:relative; }
.qnaList li a { display:block; width:100%; height:100%; padding:20px 15px; box-sizing:border-box; }
.qnaList li a > * { display:block; }
.qnaList li em { margin-bottom:10px; line-height:20px; }
.qnaList li span { color:#959595; }
.qnaList li .qnaState { position:absolute; bottom:20px; right:15px; }
    .qnaState::after { display:inline-block; width:70px; height:22px; line-height:22px; border-radius:11px; text-align:center; font-size:13px;  }
    .qnaState.standby::after { content:"답변대기"; border:1px solid #e1e1e1; color:#959595; }
    .qnaState.ing::after { content:"처리중"; border:1px solid #e1e1e1; color:#959595; }
    .qnaState.complete::after { content:"답변완료"; border:1px solid #f7941d; color:#f7941d; }
.qnaDetail { }
.qnaDetail .qnaTit { border-bottom:7px solid #f7f7f7; padding:20px 15px 20px 15px; position:relative; }
    .qnaDetail .qnaTit h3 { line-height:20px; }
    .qnaDetail .qnaTit span { display:block; color:#959595; margin:10px 0 5px 0; }
    .qnaDetail .qnaState { position:absolute; bottom:20px; right:15px; }
.qnaDetail .qnaCon { padding:25px 25px 30px 65px; position:relative; }
.qnaDetail .qnaCon .ico { position:absolute; top:20px; left:15px; width:30px; height:30px; border-radius:50%;  border:1px solid #e1e1e1; background-position:center center; background-repeat:no-repeat; background-size:22px; }
    .qnaDetail .qnaCon.question .ico { background-image:url(../img/common/ico_Q.png); }
    .qnaDetail .qnaCon.answer { background:#f7f7f7; }
    .qnaDetail .qnaCon.answer .ico { background-image:url(../img/common/ico_A.png); background-color:#fff; }
.qnaDetail .qnaCon .content { line-height:20px; }
.qnaDetail .qnaCon .fileDown { margin-top:15px; }
    .qnaDetail .fileDown li { line-height:18px; margin-bottom:3px; }
    .qnaDetail .fileDown i { color:#f7941d; font-size:16px; margin-right:5px; }
.qnaDetail .qnaCon .date { margin-top:15px; color:#959595; }



/* 홍보자료실 */
.vodPress { }
.vodPress > div:last-child { margin-bottom:0; }
.vodPressList { margin-bottom:40px; }
.vodPressList h3 { padding:20px 25px 15px 25px; line-height:22px; }
.vodPressList p { padding:0 25px; line-height:20px; text-align:justify;}
.vodPressList a.btnMore { display:inline-block; margin-left:24px; border:1px solid #e1e1e1; padding:0 7px; border-radius:5px; }
.vodPressList a.btnMore i { font-size:14px; margin-left:3px; }
.vodPressList p.conToggle { display:none; margin-bottom:20px; }
.vodPressList video[poster] {  object-fit:cover;}
.vodPressList .frmBox { position:relative; height:0; padding-bottom:56.25%; }
.vodPressList .frmBox iframe { position:absolute; width:100%; height:100%; border:0; }
.radioPress li { padding:25px 15px 20px 15px; border-top:1px solid #eee; line-height:20px; position:relative; }
.radioPress li .btnIco { position:absolute; top:18px; right:15px; }
.radioPress li.play .btnIco i { color:#f7941d; }
.radioPress li h3 { padding-right:50px; }
.radioPress li p { margin-top:12px;}

/* 사보 */
.ebookWrap { padding:0 15px; }
.ebookWrap h3 { margin:30px 0 15px 0; }
.ebookWrap ul::after {content:"";display:block;clear:both;}
.ebookWrap li { float:left; text-align:center; width:25%; padding:0 5px; box-sizing:border-box; }
.ebookWrap li img { border:1px solid #eee; }
.ebookWrap li em { display:block; font-size:13px; margin-top:2px; letter-spacing:0; }
.ebookWrap li span { display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; color:#fff; background-color:#f7941d; border-radius:50%; margin-top:5px; font-size:12px; letter-spacing:0; font-weight:300; }
.ebookWrap li:nth-child(2n) span { background-color:#ffb025; }


/* 녹색경영 */
	.greenInfo1 { max-width:500px; margin:0 auto; }
	.greenInfo1::after {content:"";display:block;clear:both;}
	.greenInfo1 li { float:left; width:33.3333%; }
    .greenInfo1 li span { display:block; width:94px; height:94px; text-align:center; border:1px solid #e1e1e1; border-top-color:#cadb2a; border-radius:50%; margin:0 auto; font-weight:400; font-size:13px; line-height:14px; padding-top:60px; box-sizing:border-box; background-size:40px !important; }
    .greenInfo1 li span em {display:block; color:#5da62b; }
    .greenInfo1 li:nth-child(1) span { background:url(../img/sub/green_ico1.png) no-repeat center 18px; }
    .greenInfo1 li:nth-child(2) span { background:url(../img/sub/green_ico2.png) no-repeat center 18px; }
    .greenInfo1 li:nth-child(3) span { background:url(../img/sub/green_ico3.png) no-repeat center 18px; }
	.greenInfo2 { background:#f7f7f7; padding:25px 15px; text-align:center; margin:20px 0 20px 0; line-height:20px; }
    .greenInfo2 strong {display:block; font-weight:400; font-size:16px; }
    .greenInfo2 span { letter-spacing:0; }
	
	/*추가*/
	.greenInfo2-1{margin:15px 0 0 0;line-height: 20px;text-align: justify;padding: 0 15px;}
	.greenInfo2-1 li{margin-top: 10px;}
	.greenInfo2-1 strong{color:#5da62b;}
	
	.greenInfo3 { display:table; width:100%; margin:15px 0 0 0;}
	.greenInfo3 li { display:table-row; }
    .greenInfo3 li::after { content:""; display:block; clear:both; }
    .greenInfo3 li > * {  display:table-cell; vertical-align:middle;}
    .greenInfo3 li > span { width:80px; vertical-align:top; }
    .greenInfo3 li span em { display:inline-block; width:60px; height:60px; text-align:center; background:#f9f9f9; border-radius:100%; margin:5px 10px; }
    .greenInfo3 li span em img { width:40px; margin-top:10px; }

    /* 녹색경영 - 녹색이념 양쪽정렬 수정*/
    .greenInfo3 li > em { line-height:20px; padding:10px 15px 10px 0; text-align: justify;}
    .greenInfo3 li > em strong { display:block; font-weight:400; margin-bottom:3px; }
	.greenInfoContent{padding-top:20px;}
	.greenPolicy-list ul li{text-align:justify;}
	.greenPolicy-list01{margin-top:25px;}
	.greenPolicy-list01 strong{color:#5da62b; padding:0 15px;}
	.greenPolicy-list02{margin-top:10px;}
	.greenPolicy-list02 li strong{color:#5da62b;}
	.greenPolicy-list02 ul{padding:0;}
	.greenManagement{text-align:justify !important; margin-top:16px; padding: 0 15px;}
	

/* 나눔경영 */
	.shareBox { }
	.shareInfo1 { width:100%; margin:15px 0 0 0; }
	.shareInfo1 li {margin-bottom: 4px;display: block; padding: 0 15px;}
    .shareInfo1 li::after { content:""; display:block; clear:both; }
    .shareInfo1 li > * {  display:table-cell; vertical-align:middle;}
    .shareInfo1 li > span { width:120px; vertical-align:top; }
    .shareInfo1 li span em { display:inline-block; width:90px; height:90px; text-align:center; background:#fff;box-shadow: 3px 3px 7px #eee; border-radius:100%; margin:5px 10px; }
    .shareInfo1 li span em img { width:60px; margin-top:15px; }
    .shareInfo1 li > em { line-height:20px; padding:10px 0 10px 0;text-align:justify;}
    .shareInfo1 li > em strong { display:block; font-weight:400; margin-bottom:3px; text-align:left;}
	.shareInfo2 { display:table; width:100%; }
	.shareInfo2 li {margin-bottom: 4px;}
    .shareInfo2 li::after { content:""; display:block; clear:both; }
    .shareInfo2 li > * {  display:table-cell; vertical-align:middle;}
    .shareInfo2 li > span { width:120px; vertical-align:top; }
    .shareInfo2 li span em { display:inline-block; width:90px; height:90px; text-align:center;  background:#fff;box-shadow: 3px 3px 7px #eee; border-radius:100%; margin:5px 10px; }
    .shareInfo2 li span em img { width:60px; margin-top:15px; }
    .shareInfo2 li > em { line-height:20px; padding-right:10px; }
    .shareInfo2 li > em strong { display:block; font-weight:400; margin-bottom:3px; }
	.sharePhoto.slick-initialized .slick-slide span {display:block; padding:0 5px;}
	.shareBox-contents{text-align:justify;margin-top: 15px;}
	.shareOperate_table td,th{line-height: 120%;border:1px solid #eee;padding: 7px 5px;}
	.shareOperate_table td{text-align:center;}
	.shareOperate_table th{background: #f7f7f7;font-weight: 400;}
	.shareOperate_table{border:1px solid #eee;}
    /* 투자정보 -지속가능경영 mobile */
    .sustainability{margin-top: 50px;box-sizing:border-box;width:100%;top:50px;}
    .sustainability-report-wrap{box-sizing: border-box; width: 100%; float: left; position: relative;}
    .sustainability .img-desc{ box-sizing: border-box; position: relative; padding: 25px; top: -50px;}
	.mshare_cont{padding:0 15px; text-align:justify;}

	/*투자정보 - 지속가능경영 추가 css*/
	.sustainabilityImg img{width: 340px;position: relative;left: 8.5%; top:14px;}
	
    /* 지속가능경영 이미지 수정, 위치 조정 */
    .sustainability .img-desc img{display: inline-block; box-sizing: border-box; }
    .sustainability .img-desc-kr{padding-top: 10px; font-size: 12px;  color: rgb(85, 155, 33,0.9); text-align: center;}
    .sustainability .img-desc-en{padding-top: 2px; font-size: 10px; letter-spacing:0.06rem; color: rgb(85, 155, 33,0.9);text-align: center;}
    .sustainability-report-inner{box-sizing: border-box; float: right; width: 100%;}
    .sustainability-report-inner{ text-align: justify; position: relative;margin-bottom: 20px;top: -65px;}
    .sustainability-report-text{ font-size: 14px;letter-spacing: -0.8px; line-height: 20px; padding: 30px 15px 20px 15px;}
	.sustain-reportFile{position: relative;top: -1px;font-size: 14px;}
	
    /* 2020 지속가능가능성 보고서 영문자간수정 */
    .sustainability .sustainability-report-en{color: rgb(80, 80, 80,0.8); padding-top: 3px; text-align: center;
    letter-spacing: -0.2px; margin-bottom:30px;}
    .sustainability-report-title{font-size:18px; width: 100%;color:#5da62b; letter-spacing: -0.2px;
	text-align:left;font-weight: 600;position: relative;top:8px;left:16px;}
    .btn-area button{width: 382px; height: 35px;background-color: #fff; border: none; padding: 8px;border-radius: 8px;  position: relative; left: 50%; transform: translateX(-50%);}
    .btn-area button:hover{background-color: rgb(255,255,255,0.9); transition: .5s;}
    .btn-area button a{color: #fff; font-size: 14px;font-weight: 400; letter-spacing: -1px;     margin-left: 5px;}
    .btn-area button img{width:16px; height: 14px;}
    .btn-area .btn-report img {width: 9px; height: 16px; position: relative; right: -1px;}

    /*pdf 버튼 width값 조정 */
	.btn-kr{display:flex; justify-content:center; align-items: center;}
    .btn-area .btn-kr , .btn-area .btn-en{position: relative; float: left;color: #fff;align-items: center;background-color: #5da62b;}
    .btn-area .btn-en{margin-top: 14px;}
    .btn-area .btn-report{position: relative; top: 14px;}
	.sustain-img{display: inline-block;}
	
    /* pdf파일 위치변경 */
    .sustainability-report-etc{font-size: 12px; color: #959595; display:inline-block;position: relative;} 
    .m-etc{display: -webkit-inline-box; font-size: 12px; color:#959595; position: relative;left: 73px; top: -55px;}
	.sustainPdf-btn{transform: translateX(-50%);position: relative;left: 50%;}
	.sustainPdf-title{color:#505050;font-weight: 500;font-size:15px;bottom:2px;display: inline-block;transform: translateX(-50%);position: relative;left: 50%;}
	
	
	
	
	 /* 중복방지 2022-07-11 */
    .sustainability-report-etc{font-size: 12px; color: #959595; display:inline-block;position: relative;} 
    .m-etc{display: -webkit-inline-box; font-size: 12px; color:#959595; position: relative;left: 73px; top: -55px;}
	.sustainPdf-overview{width: 94%; height: 180px;background: #f3f3f3; border-radius: 10px;position: relative;top: 8px;box-sizing: border-box;transform: translateX(-50%);left: 50%;}
	.sustainPdf-overview-btn{transform: translateX(-50%);position: relative;left: 50%;top: 61px;}
	.sustainPdf-overview-title{color:#505050;font-weight: 500;font-size:15px;bottom:2px;display: inline-block;transform: translateX(-50%);position: relative;left: 50%;}
	.sustainPdf-title{color:#505050;font-weight: 500;font-size:15px;bottom:2px;display: inline-block;transform: translateX(-50%);position: relative;left: 50%;}
	.sustainability-desc-last{position: relative;    z-index: -999;
    top: -62px;    text-align: justify;
	font-size: 14px;
    letter-spacing: -0.8px;
    line-height: 20px;
    padding: 10px 15px 20px 15px;}
	/*겹치는거 지우기*/
	.sustain-img{display: inline-block;text-align: center;width:100%;position: relative;margin-top: 38px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);    border-radius: 6px;}
	.sustainPdf{width: 82%;border-radius: 10px;position: relative;top: 8px;box-sizing: border-box;transform: translateX(-50%);left: 50%;}
	.btn-area .btn-kr{width:69%;}
	.sustainPdf-btn{transform: translateX(-50%);position: relative;left: 50%;margin-top: 10px;}
	.sustainability-report{font-size: 24px; color: #505050;text-align:center; letter-spacing:0.09rem; font-weight: 700;}
	
	
	
	
	
	



/* 투자정보 - 지배구조 */
.governTop { padding:30px 25px 20px 25px; background:url(../img/kr/company_bg.jpg) center center no-repeat; background-size:cover; }
    .governTop h3 { text-align:center; padding-bottom:7px; }
    .governTop h3 img { height:35px; width:auto; }
    .governTop li { display:table; width:100%; padding:5px 0 7px 0; border-top:1px dotted #959595;  }
    .governTop li:first-child { border-top:none;  }
    .governTop li > * { display:table-cell; color:#fff; font-size:13px; line-height:130%; }
    .governTop li span { width:60px; padding:0 20px 0 5px; text-align:right; }
.investWrap h3 { padding:0 15px; position:relative; }
.annual-report-wrap{height: 500px;}
.annual-report-wrap h3{padding:0 15px; position:relative;}
.investWrap h3 span {position:absolute; bottom:0; right:15px; font-weight:200; font-size:13px; color:#959595; }
.investWrap table { width:100%; border-top:1px solid #e1e1e1; margin-top:10px; }
    .investWrap table tr > * { border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:7px 5px; line-height:120%;  -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto;word-break: break-word; }
    /* .investWrap table tr > *:first-child { border-left:none; } */
    .investWrap table tr > *.brL { border-left:1px solid #e1e1e1; }
    .investWrap table tr > * img { width:50px; height:auto; }


    /* 투자정보 수정 */
.investWrap table tr.point > * { color:#e60011; font-weight:300; background:#f9f9f9; }
.investWrap table th { background:#f7f7f7; font-weight:400; }
table.investTb1 tr th { text-align:center; font-size:11px; }
table.investTb1 tr td { text-align:left; padding-left:10px; font-size:11px; }
table.investTb2 tr > * { text-align:center; font-size:0.875rem; }
.salesMap { padding:10px 10px 0 10px; }
.salesMap ul { table-layout:fixed; }
.salesMap .map { position:relative; }
.salesMap .map ul { position:absolute; top:50%; left:0; width:100%; margin-top:-18px; display:table; }
.salesMap .map ul li { display:table-cell; text-align:center; color:#fff; font-weight:400; font-size:11px; }
.salesMap .txt ul { display:table; width:100%; }
.salesMap .txt ul li { display:table-cell; text-align:center; font-size:11px; line-height:130%; }

.salesMap .txt ul li:nth-child(1){ position: relative;left: 8.2%;width: 22%;}
.salesMap .txt ul li:nth-child(2){ position: relative;left: 16%;width: 19%;}
.salesMap .txt ul li:nth-child(3){ position: relative;left: 11.8%;}
.salesMap .txt ul li:nth-child(4){ position: relative;left: 5%;}
.salesMap .txt ul li:nth-child(5){ position: relative;left: 1%;}


/*매출구성 수정 2022-04-18*/

.salesMap .map ul li:nth-child(1){ position: relative;left: 9.7%;}
.salesMap .map ul li:nth-child(2){ position: relative;left: 17.5%;}
.salesMap .map ul li:nth-child(3){ position: relative;left: 13.5%;}
.salesMap .map ul li:nth-child(4){ position: relative;left: 6%;}
.salesMap .map ul li:nth-child(5){ position: relative;left: 1%;}


/* 윤리경영 모바일*/
#wrap .ethic-contaniner{padding:70px 0 20px 0;}
.ethic-Box{height: fit-content;position: relative; margin-top:30px;}
.ethic-Box-list{position:absolute;width: 270px;font-size: 9.5px;font-weight: 500;}


/*2022-06-22 수정*/
.ethic-img{padding: 10px 0;width: -webkit-fill-available; position: relative; left: 50%; transform: translateX(-50%);}
.ethicBtnTitle{position: relative;left: 50%;transform: translateX(-50%);top:58px; color: #505050;font-weight: 500;font-size: 15px;display: inline-block;}
.ethic_b{color:#000; font-weight:400;font-size:16px;text-align:center;padding-bottom:15px;}
.ethic_p{color:#5da62b; font-weight: 400;margin-bottom:4px;}
.ethic_p_title{margin-top:5px;}


.ethic-01{top: 31.2%;left:7%; z-index:999; line-height: 1.2;}
.ethic-02{top: 31.2%;left:73%; z-index:999;line-height: 1.2;}
.ethic-03{top: 86%;left: 7%; z-index:999;line-height: 1.2;}
.ethic-04{top: 86%;left: 73%; z-index:999;line-height: 1.2; letter-spacing:-1.2px;}
.ethic-01 li{color:#252525; /*#41873f;*/ list-style-type: disc;}
.ethic-02 li{color:#252525; /*#ec6241;*/ list-style-type: disc;}
.ethic-03 li{color:#252525; /*#0080bb;*/ list-style-type: disc;}
.ethic-04 li{color:#252525; /*#f65097;*/ list-style-type: disc;}
.ethic-btn-area{position:relative; top:66px;}
.ethic-btn-area button{width: 85%;height: 35px;background-color: #fff;border: none;padding: 8px;border-radius: 8px;position: relative;left: 50%;transform: translateX(-50%); color: #252525; border: 1px solid #252525;}
.btn-ethic-desc{font-size: 12px; color: rgb(80, 80, 80,0.8);position: relative;top:74px; left:6%;}
.btn-ethic img{position: absolute;top:0; left:89px;}
.btn-ethic a{font-size:14px;}
.ethic-line{text-align:center; margin-top:20px; position:relative;}
.ethics-report-wrap{position:relative; }

/*--블럭요소 바꾸고 flex 적용하기*/
.ethic-reportFile{display: inline-block; font-size:14px;}
.ethic-btn-area button a{position:relative;}
.ethic-contents{clear:both; padding:20px 15px;}
/*배경바꾸기*/
.ethicPdf{width: 100%;height: 180px;background:#f0f0f0;border-radius: 10px; margin-top:15px;}
.ethicPdf-wrap{}

.borderLine{border:1px solid #ddd; padding:10px;}
.report-name{display:block; z-index:999;position: relative;top:-43px; right:90px; color: #fff;font-weight: 300; font-size:14px;}


    /* 재무정보 */
.img-desc img{width:100%; height:auto; border:0; vertical-align:top; box-sizing: border-box; padding: 25px !important;}
.report-img-desc img{width:100%; height:auto; border:0; vertical-align:top; box-sizing: border-box; padding: 50px !important; position: relative; top: -30px;}




/* 인재상 */
.talentBox { text-align:center; color:#fff; font-weight:300; padding:20px; width:100%; height:340px; box-sizing:border-box; background-size:cover !important; margin:15px 0 0 0; font-size:16px; }
.talentBox em { font-weight:400; color:#a6ce39; }
.talentBox.type1 { background:url(../img/sub/talent_follow1.jpg) no-repeat center center;}
.talentBox.type2 { background:url(../img/sub/talent_follow2.jpg) no-repeat center center;}


/* 인사/복지제도 */
.persoBox { border:1px solid #eee; border-radius:7px; padding:20px 20px 0px 20px; box-sizing:border-box; margin:15px 0 30px 0; background:#f8f8f8; }
.persoTable { width:100%; }
.persoTable td {text-align:center; font-size:12px; border-left:1px solid #f8f8f8; color:#fff; font-weight:400; height:25px; }
    .persoTable td:first-child { border-left:none; }
    .persoTable td.blank { background:#f8f8f8 !important; }
    .persoTable td:nth-child(1) { background:#ace167; }
    .persoTable td:nth-child(2) { background:#75c346; }
    .persoTable td:nth-child(3) { background:#22b247; }
    .persoTable td:nth-child(4) { background:#12842f; }
    .persoTable td:nth-child(5) { background:#25b7a7; }
    .persoTable td:nth-child(6) { background:#1c99a8; }
.persoBenefit { display:table; width:100%; margin:15px 0 30px 0;}
.persoBenefit li { display:table-row; margin-bottom:10px; }
    .persoBenefit li::after { content:""; display:block; clear:both; }
    .persoBenefit li > * {  display:table-cell; vertical-align:middle;}
    .persoBenefit li > span { width:130px; }
    .persoBenefit li span em { display:inline-block; width:80px; height:80px; text-align:center; background:#f7f7f7; border-radius:100%; margin:5px 30px; }
    .persoBenefit li span em img { width:60px; margin-top:10px; }
    .persoBenefit li > em { line-height:20px; padding-right:15px; }
    .persoBenefit li > em strong { display:block; font-weight:400; margin-bottom:3px; }


/* 로그인 */
.loginWrap { margin:0 auto; max-width:500px; padding:40px 15px; }
.loginWrap .guideTxt { margin-bottom:10px; }
.loginForm li {margin-bottom:10px; }
.loginForm input { border-bottom:1px solid #252525; }
    .loginForm input:focus {border-bottom-color:#7fc241;}
    .loginForm input::placeholder {color:#252525;opacity: 1;}
    .loginForm input::-webkit-input-placeholder {color:#252525;}
.loginWrap .saveForm {overflow:hidden; padding:10px 0 20px 0; }
.loginWrap .btnLogin { border-radius:7px; width:100%; height:45px; line-height:45px; box-sizing:border-box; font-weight:400; font-size:16px; color:#fff; background-color:#7fc241; }
.loginWrap .utilMenu { padding:15px 15px 18px 15px; }
.loginWrap .utilMenu ul { display:table; margin:0 auto; }
.loginWrap .utilMenu li { display:table-cell; table-layout:fixed; }
    .loginWrap .utilMenu li a { display:inline-block; line-height:20px; color:#757575; }
    .loginWrap .utilMenu li a::after { display:inline-block; content:"|"; padding:0 10px; color:#ccc; font-size:9px; vertical-align:text-top; line-height:22px; }
    .loginWrap .utilMenu li:last-child a { color:#252525; }
    .loginWrap .utilMenu li:last-child a::after { content:""; padding:0; }
.loginWrap .btnLoginNaver { border-radius:7px; width:100%; height:40px; line-height:38px; box-sizing:border-box; font-weight:300; border:1px solid #cccccc; }
.loginWrap .btnLoginNaver img { vertical-align:middle; height:14px; width:auto; margin-right:5px; }
.loginWrap #naver_id_login { border-radius:7px; width:100%; height:40px; line-height:38px; box-sizing:border-box; font-weight:300; border:1px solid #cccccc; }
.loginWrap #naver_id_login a { display:inline-block; width:100%; height:100%; }
.loginWrap #naver_id_login a img { width:96.5px; height:13px; margin-top:12px; }
.loginWrap .findBtn a span {border:1px solid #ccc; border-radius:7px; padding:0; margin-top:5px; box-sizing:border-box; display:inline-block; width:100%; height:40px; line-height:35px; text-align:center;}


.findInfo { padding:80px 25px; text-align:center; line-height:26px; font-size:16px; }

/* 회원가입 */
.joinAgree li { position:relative; padding:15px 15px 16px 15px; border-bottom:1px solid #eee; }
.joinAgree li label { font-size:16px; }
.joinAgree li a { position:absolute; right:15px; top:15px; font-size:13px; line-height:25px; color:#959595; }
    .joinAgree li a i { font-size:13px; color:#959595; }
.howHomeAdd { display:none; }

/* 약관 */
.container .conBox .termBox {padding:0 18px; text-align:left;}
.container .conBox .termBox h2 {padding:30px 0 5px; margin-top:0; text-align:left; font-size:16px; line-height:1.5em; color:#252525;}
.container .conBox .termBox h2:first-child {padding-top:10px; }
.container .conBox .termBox h3 {padding:15px 0 5px; text-align:left; font-size:14px; font-weight:400; line-height:1.5em; color:#252525;}
.container .conBox .termBox p,
.container .conBox .termBox span,
.container .conBox .termBox em,
.container .conBox .termBox a {text-align:left; font-size:13px; line-height:1.5em; color:#252525;}
.container .conBox .termBox ul li {padding-top:5px; text-align:left; font-size:12px; line-height:1.5em; color:#252525;}
.container .conBox .termBox ul li:first-child {padding-top:0;}
.container .conBox .termBox ol {list-style:none; margin:3px 0 0 0; padding-left:15px;}
.container .conBox .termBox ol li {padding:0 0 3px 0; font-size:13px; line-height:1.5em;}
.container .conBox .termBox li .fLetter {display:block; float:left; margin:0 4px 0 -13px; text-align:right;}
.container .conBox .termBox li .fLetter2 {display:block; float:left; margin:0 4px 0 -18px; text-align:right; font-size:12px;}
.container .conBox .termBox li .fLetterNum {display:block; float:left; margin:0 4px 0 -15px; text-align:right; font-family:verdana; font-size:11px;}
.container .conBox .termBox li .fLetterNum2 {display:block; clear:both; margin:0 4px 0 -15px; text-align:left; font-family:verdana; font-size:11px;}
.container .conBox .termBox dl {padding-top:5px;}
.container .conBox .termBox dl dt {display:block; text-align:left; font-size:12px; font-weight:400; line-height:1.5em; color:#252525;}
.container .conBox .termBox dl dd {display:block; text-align:left; font-size:12px; line-height:1.5em; color:#252525;}
.container .conBox .termBox .privacyTable {width:100%; margin:5px 0; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; text-align:center;}
.container .conBox .termBox .privacyTable th {height:12px; padding:6px 5px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; font-size:12px; background:#f6f6f6; font-weight:400; line-height:16px; }
.container .conBox .termBox .privacyTable td {height:12px; padding:6px 5px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; font-size:13px; letter-spacing:-0.5px; word-break:keep-all;  line-height:18px;}
.container .conBox .termBox .privacyBoxType1 { border:1px solid #e1e1e1; font-size:12px; padding:15px; border-radius:7px; margin:15px 0; }
.container .conBox .termBox .privacyBoxType2 { border:1px solid #e1e1e1; padding:10px; margin:15px 0; }
.container .conBox .termBox .privacyBoxType2 ul li{ font-size:13px; padding-top:0;margin-bottom:0 }





/* 공통 UI - 게시판 */
/* 뉴스 마진값 수정 */
.brdNotice { padding:0 15px 15px 15px; margin:0 auto; max-width:500px; }
    .brdNotice li {display:table; margin-top:15px; }
    .brdNotice li a { display:table-cell; position:relative; padding-left:125px; box-sizing:border-box; height:70px; vertical-align:middle; line-height:20px; }
    .brdNotice li a img { position:absolute; top:0; left:0; width:110px; height:70px; }
    .brdNotice li em {display:block; overflow:hidden; width:100%; max-height:40px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; }
    .brdNotice li em b { font-weight: 200; }
    .brdNotice li span {display:block; color:#959595; letter-spacing:0; font-size:13px; }
.brdPost { padding:0 15px; margin:0 auto; max-width:500px; }
.brdPost ul{ margin-left:-3%; width:103%; }
.brdPost ul::after { content:"";display:block;clear:both; }
.brdPost li { width:47%; margin-bottom:20px; float:left; margin-left:3%; }
/*    .brdPost li:nth-child(2n-1) { float:left; }
    .brdPost li:nth-child(2n) { float:right; }*/
.brdPost li img { width:100%;height:120px; background-size:cover; background-position:center center; }
.brdPost li em { display:block; padding:0 5px; height:38px; box-sizing:border-box; margin-top:10px; font-size:13px; line-height:18px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.brdDetail {  }
.brdTit { padding:15px 15px 25px 15px; border-bottom:7px solid #f7f7f7; position:relative; }
    .brdTit h3 { line-height:21px; }
    .brdTit p { display: block;text-align: right;position: relative;top: -8px;}
    .brdTit p em { }
    .brdTit p em::after { content:"/"; padding:0 7px; color:#ccc; font-size:13px; }
    .brdTit p span { color:#959595; letter-spacing:0; font-size:13px; position: relative;top:-4px;}
	 .brdTit p span.newsdates { top:-6px;}
    .brdTit .btnIco.Share { position:absolute; bottom:70px; right:15px; } 
	.brdTit .btnIco.sharedetail { position:absolute; bottom:8px; right:15px; }
	
	.brdTit .btnIco.storedetail { position:absolute; bottom:39px; right:15px; }
.brdCon { padding:30px 15px; line-height:160%; }
.brdCon strong { font-weight:400; }
.brdCon img { width:auto; max-width:100%; }
.o2oCon .brdCon img{width:100%; }
.newDetil_1 img{margin-bottom:15px;height: auto!important;}

.reqStep { border-bottom:7px solid #f7f7f7; padding:20px 15px 30px 15px; }
    .reqStep ul { display:table; table-layout:fixed; margin:0 auto; }
    .reqStep li { display:table-cell; color:#959595; position:relative; }
    .reqStep li::before { display:inline-block;content:">"; color:#ccc; width:30px; text-align:center; font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; }
    .reqStep li:first-child::before { content:"";width:0px;}
    .reqStep li.on { font-weight:400; color:#252525; }
    .reqStep li.on::after { position:absolute; top:-16px; left:50%; margin-left:12px; content:"●"; font-size:6px; color:#f7941d; }
    .reqStep li:first-child.on::after { margin-left:-3px; }
.brdRequest { margin-top:30px; }
.brdRequest h3 { padding:0 15px; margin-bottom:15px; }
.brdRequest .agreeTxt { padding:0 15px; line-height:20px;  }
.brdRequest .agreeTb { width:100%; margin:20px 0; border-top:1px solid #e1e1e1; }
    .brdRequest .agreeTb tr > * { border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:7px 5px; line-height:120%; text-align:left; padding-left:15px;  }
    .brdRequest .agreeTb tr > *:first-child { border-left:none; }
    .brdRequest .agreeTb th { background:#f7f7f7; font-weight:200; }
.brdRequest .agreeTb2 { width:100%; margin:20px 0; border-top:1px solid #e1e1e1; }
    .brdRequest .agreeTb2 tr > * { border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:7px 5px; line-height:120%; text-align:center; font-size:12px; }
    .brdRequest .agreeTb2 tr > *:first-child { border-left:none; }
    .brdRequest .agreeTb2 th { background:#f7f7f7; font-weight:200; }

/* 게시판 뷰 - 관련제품 */
.relatedGoods { background:#f8f8f8; padding:25px 15px 30px 15px; margin-bottom:30px; }
.relatedGoods .listType1 li { margin-top:10px; }
.relatedGoods .listType1 li:first-child {border-top:none; }
.relatedGoods li a { display:inline-block; font-size:13px; color:#757575; }
.relatedGoods li a:last-child{ font-weight:300; color:#252525; }
.relatedGoods li a::after { display:inline-block; content:">"; padding:0 5px; color:#ccc; }
.relatedGoods li a:last-child::after { content:""; padding:0; }



/* 공통 UI - form */
.hiddenTxt {overflow:hidden; height:0; padding:0; margin:0; text-indent:-9999px; font-size:0; line-height:0;}
.noticeTxt {padding-left:23px; margin:18px; text-align:left; font-size:14px; line-height:19px; color:#29a78e; background:url(../img/common/iconNoticeTxt.png) no-repeat left 1px; background-size:15px 14px;}
.noticeTxt span {display:block;}

p.guideTxt, p.guideTxt02 { line-height:120%; font-size:12px; }
p.guideTxt { color:#f05a5b; }
p.guideTxt02 { color:#5da62b; }

ul.userForm { max-width:550px; margin:0 auto; overflow:hidden; }
ul.userForm > li {overflow:hidden; margin-top:20px; padding:0 15px; }
ul.userForm > li.full { padding:0px; margin-top:10px; }
ul.userForm > li.bg { background-color:#f7f7f7; }
ul.userForm > li > table { width:100%; table-layout:fixed; }
ul.userForm > li > table tr { padding-bottom:5px; }
ul.userForm > li > table td { text-align:center; }
ul.userForm > li .guideTxt,
ul.userForm > li .guideTxt02 { padding:0 10px; margin-top:10px; }
ul.userForm > li .formTitle { padding:0 10px; font-size:12px; font-weight:200; color:#a1a1a1; line-height:12px; }
ul.userForm > li .formTitle em::after { content:"*"; padding-left:3px; color:#f05a5b;font-size:14px}
ul.userForm > li:first-child {margin-top:0;}
ul.userForm > li:first-child .formTitle {padding-top:0;}
ul.userForm > li .formFile { position:relative; }
    ul.userForm > li .formFile input[readonly] {border-bottom:1px solid #b7b7b7;}
    ul.userForm > li .formFile input[type="file"] { height:30px;border-bottom:1px solid #b7b7b7; margin-top:10px; font-size:12px; padding-right:25px; }
    ul.userForm > li .formFile a { display:inline-block; width:100%;height:100%; }
    ul.userForm > li .formFile i { position:absolute; right:15px; top:0; font-size:16px; line-height:39px; }
    ul.userForm > li .formFile i.xi-close { right:5px; font-size:16px; line-height:42px; z-index:1; }
ul.userForm > li .formTxtArea { padding:10px 15px; box-sizing:border-box; }
ul.userForm > li .secTxt { padding:10px 10px 5px 10px; }
    ul.userForm > li .secTxt img { height:40px; width:auto; vertical-align:middle; margin-right:10px; }
    ul.userForm > li .secTxt a i { font-size:14px; margin-right:3px; }
ul.userForm > li .formNY { display:table; width:100%;table-layout:fixed; border-radius:7px; margin-top:10px; }
ul.userForm > li .formNY a { display:table-cell; text-align:center; height:30px; line-height:28px; border:1px solid #b7b7b7; border-right-color:#eee; border-top-left-radius:7px;border-bottom-left-radius:7px; }
    ul.userForm > li .formNY a i { display:none; }
ul.userForm > li .formNY a:first-child { }
ul.userForm > li .formNY a:last-child { border:1px solid #b7b7b7; border-right-color:#b7b7b7; border-left:none; border-top-right-radius:7px;border-bottom-right-radius:7px; border-top-left-radius:0px;border-bottom-left-radius:0px; }
    ul.userForm > li .formNY a.on { color:#fff; background:#fcba63; border-color:#fcba63; font-weight:400; }
    ul.userForm > li .formNY a.on i { display:inline-block; color:#fff; margin-left:7px; font-size:15px;}

/* 비밀번호 뷰버튼 */
.frmPW { position:relative; }
    .frmPW input { padding-right:45px; box-sizing:border-box; border-bottom:1px solid #252525;  }
    .frmPW .frmBtnView { position:absolute; bottom:0; right:0; width:39px;height:39px; text-align:center; }
    .frmPW .frmBtnView i { font-size:28px; color:#ccc; line-height:39px; }
    .frmPW .frmBtnView.on i { color:#78bc27; }

/* 제품 외 상단검색 */
.frmMulti::after {content:"";display:block;clear:both;}
.frmMulti li { float:left; }
    .frmMulti li:last-child { float:right; margin-right:0 !important; }
    .frmMulti.ea2 li { width:48.5%; }
    .frmMulti.ea3 li { width:32%; margin-right:2%; }
.frmSearch { position:relative; }
    .frmSearch input { padding-right:45px; box-sizing:border-box; border-bottom:1px solid #252525;  }
    .frmSearch .frmBtnSearch { position:absolute; top:0; right:14px; width:39px;height:39px; background:url(../img/common/ico_search.png) no-repeat center center; background-size:17px; }
.frmSearch_shareA_pad{padding: 0 15px !important;}
/* 공통 UI */

/* 탭 */
.tabMenuWrap {position:relative; padding:35px 20px 30px 20px; box-sizing:border-box; overflow-y:scroll; overflow-x:visible; }
.tabMenuWrap.swiper-container {padding:35px 20px 30px 20px; }
.tabMenuWrap.sec {padding:10px 10px 30px 10px; }
.tabMenuWrap.sec.swiper-container {padding:10px 20px 30px 20px; }
.tabMenuWrap ul li:nth-of-type(3){    width: 28%;}
ul.tabMenu { display:table; margin:0 auto; }
ul.tabMenu.swiper-wrapper { width:auto; }
    ul.tabMenu li { display:table-cell; table-layout:fixed; }
    ul.tabMenu li.swiper-slide { width:auto; }
    ul.tabMenu li a {display:inline-block; height:25px; line-height:25px; color:#959595; margin-left:10px; word-break:keep-all;font-weight:400; }
    ul.tabMenu li:first-child a { margin-left:0px; }
    ul.tabMenu li.on a { color:#5da62b; border-bottom:1px solid #5da62b; }
	ul.tabMenu li.font12 a { font-size:12px; }

.tabTop ul { display:table; table-layout:fixed; width:100%; }
.tabTop li { display:table-cell; text-align:center; height:45px; padding:0 7px; background:url(../img/common/line_type1.jpg) repeat-x bottom; }
.tabTop li a { display:inline-block; width:100%; height:44px; line-height:44px; font-size:16px; font-weight:300; }
.tabTop li.on a { border-bottom:1px solid #f05a5b;font-weight:400; }


.tabTop02 {background: url(../img/common/line_type1.jpg) repeat-x bottom;  }
.tabTop02 ul { display:flex; width:100%; justify-content: space-around;}
.tabTop02 li { display:flex; text-align:center; height:45px; padding:0 3px; background:url(../img/common/line_type1.jpg) repeat-x bottom; }
.tabTop02 li a { display:inline-block; width:100%; height:44px; line-height:44px; font-size:14px; font-weight:300; }
.tabTop02 li.on a { border-bottom:1px solid #f05a5b;font-weight:400; }


/* 리스트 */
.listType1 dt { font-weight:400; margin:15px 0 5px 0; }
.listType1 dt:first-child { margin-top:0; }
    .listType1 dd { padding-left:30px; background:url(../img/common/ico_type1.png) no-repeat 18px  10px; background-size:3px; line-height:20px; margin-bottom:3px; }
    .listType1 li { padding-left:15px; background:url(../img/common/ico_type1.png) no-repeat 5px  10px; background-size:3px; line-height:20px; margin-bottom:3px; }
.listType2 { }

/* 녹색경영방침 텍스트 양쪽 정렬수정 */
.listType2 li { padding-left:25px; line-height:20px; margin-bottom:3px; position:relative; text-align: justify; }


.listType2 li span.num { font-weight:400; color:#cccccc; font-size:16px; position:absolute; left:0; top:0; letter-spacing:0; margin-top: 0 !important;}
.listType3 { }
.listType3 dt { font-size:16px; font-weight:400; margin:20px 0 10px 0; }
.listType3 dt:first-child { margin-top:0; }
    .listType3 dd, .listType3 li { padding-left:20px; background:url(../img/common/ico_type2.png) no-repeat 2px 10px; background-size:10px; line-height:20px; margin-bottom:3px; }

/* 버튼 */
.btnWrap {}
    .btnWrap.basic { padding:0 15px; }
	
    .btnWrap a { display:inline-block; color:#252525; text-align:center; }
    .btnWrap a i { font-size:14px; margin:0 7px 0 0; }
    .btnWrap a i.right { font-size:17px;margin:0 0 0 3px; }
    .btnWrap a .ico { display:inline-block; width:14px; height:14px; margin-right:7px; vertical-align:middle; background-size:14px; background-position:center center; background-repeat:no-repeat;}
    .btnWrap a .ico.Copy { background-image:url(../img/common/ico_copy.png); }
    .btnWrap a .ico.Tel { background-image:url(../img/common/ico_tel.png); }
    .btnWrap a .iconCopy{background:url('../img/common/icon_copy.png');background-repeat: no-repeat; background-position: 0 0; display: inline-block;width:15px;height:15px}
a.btnType1 { border:1px solid #252525; border-radius:7px; height:37px; line-height:35px; box-sizing:border-box; font-weight:300; }
a.btnType2 { border-radius:7px; height:37px; line-height:37px; box-sizing:border-box; font-weight:400; color:#fff; background-color:#7fc241; }
a.btnType3 { border:1px solid #cccccc; border-radius:7px; height:37px; line-height:35px; box-sizing:border-box; font-weight:300; }
a.btnType4 { border-bottom:1px solid #252525; height:39px; line-height:39px; font-weight:300; padding:0 7px; }

a.btnTypeForm { border:1px solid #cccccc; border-radius:7px; height:40px; line-height:38px; box-sizing:border-box; font-weight:200; width:100%; font-size:13px; }
a.btnTypeFormFull { border:1px solid #cccccc; border-radius:7px; height:37px; line-height:35px; box-sizing:border-box; font-weight:200; width:100%; font-size:13px; }

.btnSfull { width:100%; }
    .btnWrap a.btnSfull { margin-top:10px; }
    .btnWrap a.btnSfull:first-child { margin-top:0; }
.btnS1 { width:49.3%; }
.btnS2 {  }
.btnS3 {  }

.btnIcoWrap {  }
.btnIco { display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; border:1px solid #eee; border-radius:50%; background-size:18px; background-repeat:no-repeat; background-position:center center; }
    .btnIco i { font-size:20px; color:#252525; line-height:30px; }
    .btnIco.Share {  }
    .btnIco.Press {  }
    .btnIco.Copy { background-image:url(../img/common/ico_copy.png); }
    .btnIco.Tel { background-image:url(../img/common/ico_tel.png); }

/* 페이징 */
.pageWrap {text-align:center; }
.pageWrap a { display:inline-block; font-weight:300; font-size:16px; padding:0 3px; margin:0 5px; vertical-align:middle; color:#757575; }
.pageWrap a.on { color:#7fc241; border-bottom:1px solid #7fc241; }
.pageWrap a.btn { width:26px; height:26px; background-size:26px; background-position:center center; background-repeat:no-repeat; padding:0; margin:0; }
.pageWrap a.btn.prevAll { background-image:url(../img/common/prev_all.gif); }
.pageWrap a.btn.prev    { background-image:url(../img/common/prev.gif); }
.pageWrap a.btn.next    { background-image:url(../img/common/next.gif); }
.pageWrap a.btn.nextAll { background-image:url(../img/common/next_all.gif); }


/* bxslider - pager (black) */
.themeWrap .bestPhoto .bx-wrapper .bx-pager.bx-default-pager a {border:1px solid #000;}
.themeWrap .bestPhoto .bx-wrapper .bx-pager.bx-default-pager a:hover,
.themeWrap .bestPhoto .bx-wrapper .bx-pager.bx-default-pager a.active,
.themeWrap .bestPhoto .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#000;}


/* 주식배당 */
.container .conBox .clear-fix{padding:0 15px; margin-top: 10px;}
.container .conBox .clear-fix .info-desc{font-size: 14px; text-align: justify;}


.table-center table{margin-top: 20px;}
.table-center table tr td{text-align: center;}
.table-center table tr > * img{height: auto; width:auto; transform: scale(0.8);}
.table-center div.tab-select-wrap .tab-select-desc{ border: 1px solid #2f2f2f;}




/*noroo now hjj*/
/*나눔활동현황 모바일 2021-12-01*/
.shareLists{display:-webkit-inline-box;font-size:0.9em;margin-top:16px;}

/*noroo now 카테고리 마진수정 2022-02-07*/
.shareList_mr{padding: 20px 15px 15px 15px !important;background: #f7f7f7;}
.shareList_mr li{background:none !important;padding:0 2px 0 3px;}
.shareLists li a{color:#252525 !important; font-weight:200;}
.listList1{background: #868585; box-sizing: border-box;padding: 4px 12px;border-radius: 10px;width:fit-content;}
.listList2{background: #edb212; box-sizing: border-box;padding: 4px 12px;border-radius: 10px;width:fit-content;}
.listList3{background: #04ce76; box-sizing: border-box;padding: 4px 12px;border-radius: 10px;width:fit-content;}
.listList4{background: #ff6f61; box-sizing: border-box;padding: 4px 12px;border-radius: 10px;width:fit-content;}
.listList5{background: #61a3ff; box-sizing: border-box;padding: 4px 12px;border-radius: 10px;width:fit-content;}
.listList6{background: #9084ff; box-sizing: border-box;padding: 4px 12px;border-radius: 10px;width:fit-content;}
.listList7{background: #019875; box-sizing: border-box;padding: 4px 12px;border-radius: 10px;width:fit-content;}
.listList8{background: #5c5ba7; box-sizing: border-box;padding: 4px 12px;border-radius: 10px;width:fit-content;}
.listList9{background: #fcaaaa; box-sizing: border-box;padding: 4px 12px;border-radius: 10px;width:fit-content;}
.listList10{background: #b6ae7d; box-sizing: border-box;padding: 4px 12px;border-radius: 10px;width:fit-content;}
/*카테고리 여백수정*/
.shareList_mr li{width:22%; margin-top:0;}
.shareList_mr li:nth-child(2),.shareList_mr li:nth-child(6),.shareList_mr li:nth-child(10){width:27%;}
.shareList_mr li:nth-child(3),.shareList_mr li:nth-child(7){width:24%;}
.shareList_mr li:nth-child(4){width:25%;}
/*카테고리 체크박스 마진값 조정 2022-01-20*/
.listList11{background: #826a6a; box-sizing: border-box;padding: 4px 12px;border-radius: 10px;width:fit-content;margin-right: 4px;margin-top: 3px;}
/* 2021-12-07 나눔활동현황 추가수정*/
.itemboxWrap{display:block; box-sizing:border-box;box-shadow:1px 5px 20px #d9d9d9; margin-top:30px;}
.shareList{text-align:justify; padding:10px 12px;}
.shareList span{font-weight:500;}
.shareList .titleDesc{color:#777;text-align:left;margin-top:2px;letter-spacing:normal;font-size:13px;}
.shareList img{width:100%;}
.m_colorBtnWrap ul li{display:inline-block; margin:0 3px 6px 0;padding:1.2px 8px; font-size:12px; border-radius:8px;color:white;}
/*컨텐츠안 카테고리 여백값 삭제 2022-01-20*/
.m_colorBtnWrap ul {display: -webkit-inline-box; padding: 0 !important;}
.m_colorBtnWrap ul li a{color:#fff;}
/*noroo now hjj*/

/*2021-12-07 나눔활동현황 상세수정*/
.newBrdtit{padding:15px!important; box-sizing:border-box;height: 120px;}
.newBrdtit .demo_tit{background:#eee; padding:4px 8px; border-radius:8px; margin-right:3px;font-size:12px;}
.newBrdtit ul{position:relative;display: -webkit-inline-box;}
.newBrdtit ul li{display:block; margin:0 3px 6px 0;padding:1px 8px; font-size:12px; border-radius:10px;}
.newBrdtit ul li a{color:#fff;}


.newShare{padding:15px!important; box-sizing:border-box;height:84px;}
.newShare .demo_tit{background:#eee; padding:4px 8px; border-radius:8px; margin-right:3px;font-size:12px;}
.newShare ul{position:relative;display: -webkit-inline-box;}
.newShare ul li{display:block; margin:0 3px 6px 0;padding:1px 8px; font-size:12px; border-radius:10px;}
.newShare ul li a{color:#fff;}


/*2021-12-06 Hide scrollbar for Chrome,Safari and Opera */
.shareLists::-webkit-scrollbar {display: none;}
/* Hide scrollbar for IE, Edge and Firefox */
.shareLists{-ms-overflow-style: none;  /* IE and Edge*/scrollbar-width: none;  /* Firefox */}

/*2021-12-08 brdCon 추가수정*/
.brdCon div{text-align:justify;}
.shareList_data h4{text-align:center;margin-top:64%;position:relative;}


/*유튜브 영상 수정 2022-01-19*/
.videoMulti{position:relative; padding-bottom:56.25%;padding-top:25px;height: 0;}
.videoMulti iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/**************************************************************************/

/*2022-08-29 R&D 수정*/
 .listType1 ul.listType1_none li {background:none;}
 .trend_seminar_desc{margin-bottom:10px;}
 .trend_img_wrap{text-align: center;margin-top: 10px; display: flex;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch; justify-content: space-between;} 
 .trend_img_wrap img{width: 72%; padding: 0 6px;}
 .ncts_wrap{display:flex;}
 .ncts_wrap p {text-align:center;}
 .ncts_img_wrap{padding:4px;}
 .ncts_title{text-align:center;}
 .consulting  ul{margin-top:20px;}
 .consulting  ul li{padding: 8px 0; text-align:center;}
 .consulting  ul li .trend_title{margin-top:2px;}
 .trend_img img{padding:5px 0;}
 .investWrap span.patnet_desc{padding: 0 15px;position: relative;font-size: 15px;}
 .lab_right{display: block;text-align: -webkit-right;padding: 0 18px;margin-top: 10px;}
 .noroo_lab{padding:0 !important;}
 .investWrap table td.leftLine{border-left: 1px solid #e1e1e1;}
 .lab_list{display: flex;align-items: center;}
 .lab_list img{width:43%;}
 .lab_list_desc{margin-left: 13px;}
 .lab_list_desc dt{margin-left: 14px;}
 .pordEco_span{color: #5da62b;}
 .pordEco_table{font-size: 14px!important;padding: 0 25px!important;}
 .infoOutline_fix{padding:0 25px 0 25px;}
 .investWrap .lab_esg span{display: block;text-align:center;}
 
 
 
 /*2022-10-13 정보공개자료실 테이블수정*/

.info_wrap{background: #fafafa;padding: 12px;border-radius: 10px;margin-top: 20px;}
.btn-area .btn-info{width: 100%;position: relative;float: left;color: #252525;border: 1px solid #252525; align-items: center;display: flex;}
.btn-info-area {top:0;}
.btn-info-area button{height:27px;background-color: #fff;padding:8px;border-radius: 8px;left: 50%;transform: translateX(-50%);}
.info_disclosure_wrap{display: flex;align-items: center;justify-content: space-between;padding: 6px 0;}


/*페이징 넘버*/


/*paging*/
.paging{margin-top:25px; text-align:center;}
.paging a{display:inline-block; vertical-align:middle; text-align:center;width:28px; height:28px; margin:0 4px; }
.paging .prev{border:1px solid #e1e1e1; overflow: hidden; text-indent: -9999em; background:url('/images/main/icon_prev.gif') no-repeat center center; background-size:8px auto; border-radius:50px}
.paging .next{border:1px solid #e1e1e1; overflow: hidden; text-indent: -9999em; background:url('/images/main/icon_next.gif') no-repeat center center; background-size:8px auto; border-radius:50px}
.paging span{color:#888}
.paging span strong{color:#333; font-weight:bold}


/*2022-11-30*/
.invest_esg{box-sizing: border-box;padding: 15px 10px 20px 15px;text-align: justify;}
.invest_esg img{width: 195px; display: inline-block;margin-top: 10px;}
.esg_desc{display: inline-block;padding: 10px 10px 0 15px;}
.table-center div.tab-select-wrap select{width: 20%; float:right; position: relative;right:15px; top:-6px; border: 1px solid #252525;text-align:justify;}

 
/*색채지원 > 아파트재도장*/
div.contents th {font-size:13px; font-weight:400; background-color:#f5f5f5;}
.pa_agree_wrap {margin-top:5px;}
    .pa_agree_wrap .texti {font-size:13px;}
    .pa_agree_wrap .agreement_list {border:1px solid #efefef; margin:10px 0px;}
        .pa_agree_wrap .agreement_list td {border-top:1px solid #efefef; border-right:1px solid #efefef; padding:5px; font-size:13px;}
.pa_agree_wrap .agree_t {text-align:right;}
    .pa_agree_wrap .agree_t input[type="checkbox"] {appearance:auto; border:1px solid #ddd; width:14px; height:14px; margin:0px 3px 3px 0px;}
    .pa_agree_wrap .agree_t input {border:none;}
.pa_contents {margin-top:30px; margin-bottom:30px;}
    .pa_contents table {margin-top:10px;}
    .pa_contents th {padding-left:8px;}
    .pa_contents input[type="radio"] {appearance:auto; width:18px; height:18px !important; margin:0px 3px 2px 5px; border:1px solid red; padding:0px !important;}

    .pa_contents .pa_info td {border:1px solid #eee !important; padding:4px; font-size:12px;}
    .pa_contents .pa_info input {border:1px solid #eee; vertical-align:middle; height:30px; font-size:13px; padding:4px;}
    .pa_contents .pa_info select {border:1px solid #eee; width:29%; height:30px; margin-bottom:0px; font-size:13px;}
    .pa_contents .pa_info #tel2, .pa_contents .pa_info #tel3 {width:29%;}
    .pa_contents .pa_info .telNum select {padding:4px;}
    .pa_contents .pa_info .email input {width:30%;}
    .pa_contents .pa_info .email select {width:32%; margin-left:2px; padding:4px; float:right;}

    .pa_contents .pa_info #postcode {width:70%;}
    .pa_contents .pa_info #findJuso {width:29%; background-color:#4d5056; color:white; border:none; margin-left:-2px;}
    .pa_contents .pa_info #address {margin:3px 0px;}

    .pa_contents .pa_info textarea {border:1px solid #eee; padding:4px;}

    .pa_contents .dateInfo {font-size:13px; margin-top:5px;}
    .pa_contents .pa_info #datepicker {width:50%;}

    .pa_contents .security .refreshBtn {width:76px; height:35px; background:#eee; text-align:center; border:1px solid #ddd; box-sizing:border-box; color:#252525; margin-left:3px;}
    .pa_contents .security img#imgCaptcha {width:100px; height:35px; border:1px solid #ddd; box-sizing:border-box;}
    .pa_contents .security input[type="text"] {width:100%; margin-top:3px;}

.sinmungo_contents{margin-top:30px; margin-bottom:30px;}
.sinmungo_contents table {margin-top:10px;}
.sinmungo_contents th {padding-left:8px;text-align: left;font-weight: 400;background: #f5f5f5;}
.sinmungo_contents input[type="radio"] {appearance:auto; width:18px; height:18px !important; margin:0px 3px 2px 5px; border:1px solid red; padding:0px !important;}

.sinmungo_contents .sin_info td {border:1px solid #eee !important; padding:4px; font-size:12px;}
.sinmungo_contents .sin_info input {border:1px solid #eee; vertical-align:middle; height:32px; font-size:13px; padding:4px;}
.sinmungo_contents .sin_info select {border:1px solid #eee; width:30%; height:30px; margin-bottom:0px; font-size:13px;}
.sinmungo_contents .sin_info #tel2, .sinmungo_contents .sin_info #tel3 {width:31%;}
.sinmungo_contents .sin_info .telNum select {padding:4px;}
.sinmungo_contents .sin_info .email input {width:30%;}
.sinmungo_contents .sin_info .email select {width:32%; margin-left:2px; padding:4px; float:right;}
.sinmungo_contents .sin_info #postcode {width:70%;}
.sinmungo_contents .sin_info #findJuso {width:30%; background-color:#4d5056; color:white; border:none; margin-left:-2px;}
.sinmungo_contents .sin_info #address {margin:3px 0px;}
.sinmungo_contents .sin_info textarea {border:1px solid #eee; padding:4px;}
.sinmungoTb1 tr, td{border: 1px solid #eee;font-size: 0.8rem;}
 
.btn_wrap2 {text-align:center;}
.btn_wrap2 input[type="button"] {width:30%; background: #eee; border:1px solid #ddd;}
.btn_wrap2 #saveForm {background-color:#7fc241; border:none; color:white;}
.essential {color:#e60011; position:relative; top:3px; margin-left:2px; font-weight:300;}

/*색채지원 > 아파트재도장 소개페이지*/
div.mainSlide {width:100%;}
div.mainSlide .contents1 {padding:0px 25px 30px 25px; line-height:20px; text-align:justify;}
div.mainSlide .contents1 .mrgn {margin-bottom:5px;}
div.mainSlide .contents2 {height:300px; background-color:white;} /*width:92%;  box-shadow:0px 0px 15px #ddd;*/
div.mainSlide .contents2 .davCon1 {width:100%; box-sizing:border-box;}
div.mainSlide .contents2 li.midTit {width:100%; height:110px; box-sizing:border-box;}
div.mainSlide .contents2 li.midTit .secTit {vertical-align:middle; width:100%;}
div.mainSlide .contents2 li.midTit .secTit .thrblck1 {width:30%; height:100%; display:table-cell; box-sizing:border-box; float:left;}
div.mainSlide .contents2 li.midTit .secTit .thrblck1 .circleT {width:80px; height:80px; display:block; box-sizing:border-box; border:none; border-radius:40px; margin:15px 20px 15px 25px; padding-top:20px; font-size:15px; font-weight:400; text-align:center;}
div.mainSlide .contents2 li.midTit .secTit .thrblck1 .circleE {font-size:12px; line-height:8px; font-weight:100;}
div.mainSlide .contents2 li.midTit .secTit .thrblck2 {height:100%; box-sizing:border-box; float:left;}
div.mainSlide .contents2 li.midTit .secTit .thrblck2 .fntW {font-weight:400; line-height:18px; font-size:15px;}
div.mainSlide .contents2 li.midTit .secTit .thrblck2 em {color:#5da62b; line-height:15px; font-weight:200;}
div.mainSlide .contents2 li.midTit .secTit .thrblck2 p {font-size:14px; text-align:justify; line-height:18px;}
div.mainSlide .contents3 {padding:30px 25px; line-height:20px; box-sizing:border-box; text-align:justify; float:left; width:100%;}
div.mainSlide .contents3 .engTit {color:#5da62b; font-weight:300 !important; margin-bottom:15px !important;}
div.mainSlide .contents3 li {margin-bottom:10px;}
div.mainSlide .contents3 li p.subtit1 {font-weight:400; line-height:20px;}
div.aptvideo_wrap {float:left;}
div.aptvideo_wrap h3 {padding-left:25px; margin-bottom:15px;}
div.mainSlide .listType1 li {margin-bottom:6px;}

.rule_wrap{padding:0 0 0 8px;}
.rule_wrap li{letter-spacing: -1.2px;color: rgb(37 37 37 / 85%);margin-bottom: 4px;}
.director_rule h3 { padding:0 15px; position:relative; }
.director_rule h3 span {position:absolute; bottom:0; right:15px; font-weight:200; font-size:13px; color:#959595; }
.director_rule table { width:100%; border-top:1px solid #e1e1e1; margin-top:20px; }
.director_rule table tr > * { border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:7px 0px; line-height:120%;  -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto;word-break: break-word; }
.director_rule table tr > *.brL { border-left:1px solid #e1e1e1; }
.director_rule table tr > * img { width:50px; height:auto; }
table.director_ruleTB tr > *{ text-align: center; font-size: 0.7rem;border-left: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.director_rule_TB div.tab-select-wrap select{width: 31%;float: right;position: relative; right: 15px;top: -6px;border: 1px solid #252525; text-align: justify;}
.director_rule table th {font-weight: 400;background: #f4f4f4;}

.shareact{width:100%;}
.m_sharecolorBtnWrap{margin-bottom: 8px;}
.m_sharecolorBtnWrap ul{display: -webkit-inline-box;padding: 0 !important;background: #019875;border-radius: 8px;}
.m_sharecolorBtnWrap ul li{display: inline-block margin: 0 3px 6px 0;padding: 1.2px 8px;font-size: 12px;border-radius: 8px;color: white; position: relative;top: 2.5px}
.prodEco_tit{margin-bottom: 5px;display: block;margin-top: 10px;}
.esg-table-text{display: inline-block; font-size: 14px; letter-spacing: -0.8px;line-height: 20px;padding: 15px 15px 0 15px;}
.sustin{display: block;height: 145px;}
.summary_txt{display: inline-block;position: relative;left: 6px;}
.summary_desc{padding:0 10px;line-height: 1.4;}
.newsTitle{position:relative;top:26px;}
.brdTit .btnIco.greenact{position: absolute; bottom:34px;right:15px;}
.popup_mobile{z-index: 999;position: absolute;top: 180px;display: flex;flex-direction: column;text-align: center;left: 50%;transform: translateX(-50%);}
.popup_btn{display:flex; align-items:center;justify-content:end; background:#fff;}
.popup_btn input {width: 13px;height: 13px; margin: 0; padding: 0;border: 1px solid #505050; vertical-align: middle;background: none;}
.popup_btn a{padding-left: 20px;position: relative;right: 8px;}
.popup_btn img{width:13px;height:13px;position:relative;top:6px;padding-left:4px;}



/*2023-09-06 노루인사이드*/
.norooinsideList div{font-weight: 500;font-size: 16px;margin-bottom: 3px;}
.norooinsideList{text-align:justify; padding:10px 12px;}
.norooinsideList span{font-weight:300;}
.norooinsideList .titleDesc{color:#777;text-align:left;margin-top:2px;letter-spacing:normal;font-size:13px;}
.norooinsideList img{width:100%;}
.insidePost { padding:0 15px; margin:0 auto; max-width:500px; }
.insidePost ul{ width:100%; }
.insidePost ul::after { content:"";display:block;clear:both; }
.insidePost li { width:100%; margin-bottom:20px;}
.insidePost li img { width:100%;height:230px; background-size:cover; background-position:center center; }
.insidePost li em { display:block; padding:0 5px; height:38px; box-sizing:border-box; margin-top:10px; font-size:13px; line-height:18px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.insidePost li div.inside_name{font-size: 18px;font-weight: 500; margin-top: 4px;}
.insidePost li p.inside_hashtag{position: relative;top: -7px; color: rgb(112 112 112 / 80%);}
.insideTit { padding:15px 15px 25px 15px; border-bottom:7px solid #f7f7f7; position:relative; height: 100px;}
.insideTit h3 { line-height:21px; }
.insideTit p { display: block;text-align: right;position: relative;top: -8px;}
.insideTit p em { }
.insideTit p em::after { content:"/"; padding:0 7px; color:#ccc; font-size:13px; }
.insideTit p span { color:#959595; letter-spacing:0; font-size:13px; position: relative;top:28px;}
.insideTit p span.newsdates { top:-6px;}
.insideTit .btnIco.Share { position:absolute; bottom:48px; right:15px; } 
.insideTit .btnIco.sharedetail { position:absolute; bottom:8px; right:15px; }
.insideTit .btnIco.storedetail { position:absolute; bottom:39px; right:15px; }
	.newsTit { padding:15px 15px 25px 15px; border-bottom:7px solid #f7f7f7; position:relative; }
    .newsTit h3 { line-height:21px;position: relative; top: -18px;}
    .newsTit p { display: block;text-align: right;position: relative;top: -8px;}
    .newsTit p em::after { content:"/"; padding:0 7px; color:#ccc; font-size:13px; }
    .newsTit p span { color:#959595; letter-spacing:0; font-size:13px; position: relative;top:24px;}
	.newsTit p span.newsdates { top: 0px;}
    .newsTit .btnIco.Share { position:absolute; bottom:36px; right:15px; } 
	.newsTit .btnIco.sharedetail { position:absolute; bottom:8px; right:15px; }
	.newsTit .btnIco.storedetail { position:absolute; bottom:39px; right:15px; }
	.shareTit { padding:15px 15px 25px 15px; border-bottom:7px solid #f7f7f7; position:relative; }
    .shareTit h3 { line-height:21px;position: relative; top:0px;}
    .shareTit p { display: block;text-align: right;position: relative;top: -8px;}
    .shareTit p em::after { content:"/"; padding:0 7px; color:#ccc; font-size:13px; }
    .shareTit p span { color:#959595; letter-spacing:0; font-size:13px; position: relative;top:0px;}
	.shareTit p span.newsdates { top: 0px;}
    .shareTit .btnIco.Share { position:absolute; bottom:65px; right:15px; } 
	.shareTit .btnIco.sharedetail { position:absolute; bottom:8px; right:15px; }
	.shareTit .btnIco.storedetail { position:absolute; bottom:39px; right:15px; }
	.esg-table-text-sustin{    display: inline-block;
    font-size: 14px;
    letter-spacing: -0.8px;
    line-height: 20px;
    padding: 20px 15px 0 15px;}
/*시중품 컬러찾기2023-11-20*/
.colorInfoWrap table { width:100%; border-top:1px solid #e1e1e1; margin-top:10px; }
.colorInfoWrap table tr > * { border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:7px 5px; line-height:120%;  -ms-hyphens:auto; -moz-hyphens:auto; -webkit-hyphens:auto; hyphens:auto;word-break: break-word; }
.colorInfoWrap table tr > *:first-child { border-left:none; }
.colorInfoWrap table tr > *.brL { border-left:1px solid #e1e1e1; }
.colorInfoWrap table tr > * img { width:50px; height:auto; }
.colorInfoWrap h3 {padding: 0 15px;position: relative;}
.tablink{border: 1px solid #eee;padding: 0 10px;border-radius: 12px; height: 24px;line-height: 22px;font-size: 12px;display: inline-block;color: #252525;background-color: #fff;cursor: pointer;text-align: center;margin: 3px 0px;letter-spacing: -1.2px;}
.tablink:hover {background:#5da62b;color:#fff;border:1px solid #5da62b;transition:.5s;border:1px solid #5da62b;}
.tablink a{margin:0 8px 10px 0;float:left;}
.write_tit1{width:100%;float:left; position: relative;}
.write_tit1 span{position: absolute; right: 0; top: 35px;}
.write_tit1 h5{font-size:24px;font-weight:500;background:url("/images/sub/tit_line.gif") no-repeat left top;padding-top:8px;text-align: left;}
.colorbutton-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;padding: 25px;text-align: center;}
.colorbutton {border: none;padding: 20px;border-radius: 10px;font-size: 16px;color: #333;background-color: #ddd;text-align: center;height: 30px;}
.colorbutton-grid span {letter-spacing: -1.2px;font-size: 13px;}
.tab_menu h3 {padding: 0 15px;position: relative;font-size: 16px;}
.con_title h3 {padding: 0 15px;position: relative;font-size: 16px;}
.tab_menu .tab{ padding:16px 10px 25px;}
.colorIntro{padding: 0 15px;position: relative;font-size: 14px;line-height: 1.3;margin-top: 15px;}



.waterproofBtn{padding: 2px 18px!important;border: 1px solid #c9c9c9; border-radius: 30px;position: absolute;font-size: 12px;top: -7px;left: 0;letter-spacing: normal;}
.waterproofBtn img{position: relative; left: 6px; width:15px; top:5px;}

.jobinfo table {
    width: 100%;
    table-layout: fixed; /* 테이블 열 크기 고정 */
    word-wrap: break-word; /* 텍스트 줄바꿈 */
    overflow-wrap: break-word; /* 긴 단어 줄바꿈 */
} 
.tab_container_company {
    max-width: 1000px;
    margin: auto;
}

.tab_container_company .tabs {
    display: flex;
    gap: 5px;
    margin-bottom: 20px;
    flex-wrap: wrap; /* 모바일에서 줄바꿈 지원 */
    margin-bottom: 8px;
}


.tab_container_company .tab-button {
    border: 1px solid #ddd;border-radius: 50px;
    background-color: #f9f9f9;
    cursor: pointer;
    font-size: 0.725rem; /* 버튼 텍스트 크기 조정 */padding: 6px 10px;
    flex: 1; /* 버튼이 동일한 너비를 가지도록 설정 */
    text-align: center;
    transition: background-color 0.3s ease;    color: #232324;
}

.tab_container_company .tab-button.active {
    background-color: #01B29D;
    color: #fff;
    border-color: #01B29D;
}

.tab_container_company .tab-button:hover {background-color: #01B29D;}
.tab_container_company .tab-content {display: none;}
.tab_container_company .tab-content.active { display: block;}
.tab_container_company table {width: 100%;border-collapse: collapse;}
.tab_container_company thead th {color: #252525;font-weight: 500;background-color: #f0f0f0;padding: 10px;border: 1px solid #ddd;text-align: left; /* 모바일에서도 읽기 쉽도록 좌측 정렬 */font-size: 14px;}
.tab_container_company tbody td {text-align: center;border: 1px solid #ddd;padding: 2px;font-size: 13px;color: rgb(37 37 37 / 85%);line-height: 1.5;}
.tab_container_company tbody td:last-child {text-align: left;}
.comNone {padding: 10px 15px !important;text-align: center;color: #959595;}
.jobintro{ text-align: center;line-height: normal;font-size: 15px;margin-bottom: 20px;color: #252525;}
.jobinfo_img{display: block;width: 850px;margin: 0 auto;padding-top: 20px;}
.jobinfo_container { max-width: 900px;padding: 14px 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;}
.jobinfo_card { border: 1px solid #e0e0e0; border-radius: 10px; padding: 16px 20px;  background: #fff;position: relative;}
.jobinfo_header {background:#01B29D;color: white; padding: 4px 15px;border-radius: 50px;display: inline-block; margin-bottom: 9px; font-weight: 500;font-size: 14px;
position: relative;left: -40%;}
.jobinfo_section_title {text-align: left;font-weight: 500;margin-bottom: 6px;color: #01B29D;font-size: 16px;}
.jobinfo_content_list {position: relative;font-size: 14.5px;line-height: 1.4;text-align: left;}
.jobinfo_content_list li {position: relative;font-size: 14.5px;color: #232324;}
.sub-section { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e0e0e0;}


.video_n.video_apt {width: 100%;max-width: 100%;margin: 0;padding: 0;}
.video_n.video_apt div {padding: 56.25% 0 0 0;position: relative;width: 100%;}
.video_n.video_apt iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
@media screen and (max-width: 768px) {
.video_n.video_apt {width: 100vw;} }