@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; }
/* 계열사 이름 한줄로 들어가게끔 폰트 px > em 으로 수정 */
.container .conBox h3 { font-size:1.13em; }
.container .conBox h3 em { font-weight:200; letter-spacing:0; }

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

.conInfo h3, .conInfo h4 { padding:25px 15px 10px 15px; }
.infoOutline { padding:0 25px 25px 25px; line-height:20px; text-align:justify; }
.infoBox1 { padding:0 15px; line-height:20px; }
.infoBox2 { padding:0 25px; line-height:20px; }
.dataNone { padding:70px 15px !important; text-align:center; color:#959595; font-size:16px; }

/* 회사소개 */
.intducInfo { margin-top:20px; }
    .intducInfo p { margin:15px 0 25px 0; padding:0 25px; line-height:20px; text-align:justify; }
.intducDetail { }
.intducDetail h3 { padding:40px 15px 15px 15px; }
    .intducDetail .info { padding:25px; border-top:1px solid #e1e1e1; }
        .intducDetail .info li { margin-bottom:5px; line-height:20px; position:relative; padding-left:130px; }
        .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:20px; padding-right:25px; font-weight:400; font-size:16px; }
    .ceoSignature img { width:75px; vertical-align:middle; margin-left:10px; margin-top:-7px;}

/* 연혁 */
.historyWrap { margin-top:-20px; }
.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; padding:20px 15px 20px 0; }
        .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 { vertical-align:top; }
    .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:15px 15px 15px 0; }
.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; line-height:130%; }
.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; }
 
/* 계열사 */
.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:95px; margin-bottom:3px; position:relative; line-height:20px;}
    .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; }

/* 인증서 */
.prodCertifiList { }
    .prodCertifiList h4 { width:100%; box-sizing:border-box; min-height:45px; line-height:130%; padding:12px 60px 12px 15px;  background:#f7f7f7; border-bottom:1px solid #eee; position:relative; }
    .prodCertifiList h4 i { position:absolute; top:0px; right:25px; font-size:16px; line-height:45px; }
        .prodCertifiList h4 i.xi-check { }
        .prodCertifiList h4 i.xi-plus { color:#959595; }
.prodCertifiList > ul { display:none; }
.prodCertifiList > ul > li { padding:20px 15px; border-top:1px solid #eee; line-height:20px; position:relative; box-sizing:border-box; }
.prodCertifiList li h5 { font-weight:200; color:#f7941d; font-size:14px; }
.prodCertifiList li p { margin:3px 0; color:#959595; }
    .prodCertifiList li p::after {content:"";display:block;clear:both;}
    .prodCertifiList li p span { float:right; }
.prodCertifiList li em { display:block; color:#5da62b; margin-top:3px; }

/* 제품 */
.prodOverview { margin:20px auto 0 auto; padding:0 20px; max-width:500px; }
.prodOverview ul { margin-left:-20px;}
.prodOverview ul::after {content:"";display:block;clear:both; margin-left:-20px;}
.prodOverview ul li { float:left; box-sizing:border-box; width:50%; padding-left:20px; }
.prodOverview ul li { float:left; box-sizing:border-box; width:50%; padding-left:20px; }
.prodOverview ul li em { display:block; text-align:center; margin-top:10px; line-height:130%; font-weight:400; height:60px; font-size:15px; }
.prodOverview ul li span img { width:100%; height:auto; }

/* 공통 : 리스트 상단검색 */
.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%; }
    
    /* 2n */
    .searchCkBox.ea2 li { width:50%; }   

/* 제품 - 검색 */
.prodList { margin-top:10px; }
.prodList li { padding:20px 15px; border-bottom:1px solid #e1e1e1; }
.prodList li:first-child { margin-top:0; }
    .prodList li > * { display:block; line-height:20px; }
    .prodList li em {  }
    .prodList li span { color:#959595 }

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

.prodDetail .prodConTop { background:#f7f7f7; padding:15px 15px 20px 15px; text-align:center; font-size:15px; }

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

/* 컬러북 */
.colorBookWrap { margin-top:-10px; border-top:7px solid #f7f7f7; }
.colorBookWrap h4 { padding:20px 15px 0 15px; }
.colorBookList { padding:0 15px; }
.colorBookList ul { margin-left:-3%; }
.colorBookList ul::after {content:"";display:block;clear:both;}
.colorBookList li { float:left; width:22%; margin-left:3%; margin-top:10px; box-sizing:border-box; border:1px solid #e1e1e1; padding-bottom:5px; }
.colorBookList li h5 { background:#f7f7f7; text-align:center; height:35px; line-height:34px; }
.colorBookList li dl { display:inline-block; position:relative; box-sizing:border-box; padding:0 5px; width:100%; }
.colorBookList li dl > * { line-height:130%; font-size:12px; word-wrap:break-word; word-break:keep-all; }
.colorBookList li dd.color_bg { position:absolute; width:100%; height:50px; border:5px solid #fff; top:0;left:0; box-sizing:border-box; }
.colorBookList li dt { padding-top:50px; }
.colorBookList li dd.info { color:#959595; height:33px; }

/* COLORANT */
.colorantTop { padding:0 15px 0 15px; line-height:120%; }
.colorantTop img { width:auto; height:24px; vertical-align:middle; }
.colorantWrap { margin-top:-10px; border-top:7px solid #f7f7f7; }
.colorantWrap h3 { padding:20px 15px 15px 15px; line-height:130%; }
.colorantWrap .infoImg { width:80px; height:auto; margin-bottom:10px; }
.colorantWrap table { width:100%; border-top:1px solid #e1e1e1; }
    .colorantWrap table tr > * { border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; padding:7px 5px; line-height:120%; word-wrap:break-word; word-break:break-all; }
    .colorantWrap table tr > *:first-child { border-left:none; }
    .colorantWrap table tr > *.brL { border-left:1px solid #e1e1e1; }
    .colorantWrap table tr > * img { width:50px; height:auto; }
    .colorantWrap table th { background:#f7f7f7; font-weight:200; }
    table.colorantTb1 tr th { text-align:center; font-size:11px; }
    table.colorantTb1 tr td { text-align:left; padding-left:10px; font-size:11px; }
    table.colorantTb2 tr > * { text-align:center; font-size:11px; }

/* 담당자 */
.contactWrap h3 { padding:20px 15px 15px 15px; line-height:130%; }
.contactList { margin-top:-10px; }
    .contactList li h4 { font-weight:400; margin-bottom:7px; }
.contactList li { border-top:1px solid #eee; padding:20px 25px; }
.contactList li:first-child { border-top:none; }
    .contactList li p { position:relative; padding:4px 0 5px 24px; line-height:130%; }
    .contactList li p i { font-size:18px; line-height:30px; position:absolute; top:0; left:0; }

/* GLOBAL PRESENCE */
.globalMapTop { padding:0 15px 0 15px; line-height:120%; }
.globalMapList { padding:0 25px; }
    .globalMapList dt { margin:30px 0 15px 0; font-size:16px; font-weight:400; letter-spacing:0; }
    .globalMapList dd { margin:0 0 10px 0; position:relative; padding-left:30px; line-height:22px; }
    .globalMapList dd strong { position:absolute; top:0; left:0; line-height:22px; text-align:center; width:22px; height:22px; color:#fff; font-size:12px; font-weight:400; letter-spacing:0; border-radius:50%; }
    .globalMapList dl.KOR dd strong { background:#00cc00; }
    .globalMapList dl.CHN dd strong { background:#f7941d; }
    .globalMapList dl.ASIA dd strong { background:#ff7f6e; }
    .globalMapList dl.EUR dd strong { background:#5caeff; }

/* 컨텐츠 이미지 갤러리 */
.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; }


/* 홍보자료실 */
.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; }
.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; }

/* 사보 */
.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 em { 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; }
.ebookWrap li:nth-child(2n) em { background-color:#ffb025; }
*/


/* 투자정보 - 지배구조 */
.governTop { padding:30px 20px 20px 20px; background:url(../../img/en/company_bg.jpg) center center no-repeat; background-size:cover; } 
    .governTop h3 { text-align:center; padding-bottom:7px; } 
    .governTop h3 img { height:30px; 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-right:15px; } 
.investWrap h3 { padding:0 15px; position:relative; }
.investWrap h3 span {position:absolute; bottom:0; right:15px; font-weight:200; color:#959595; font-size:13px; }
.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%;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:#5da62b; font-weight:300; background:#f7f7f7; }
    .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:11px; }
.salesMap { padding:10px 10px 0 10px; }
.salesMap ul { table-layout:fixed; }
.salesMap .map { position:relative; }
    .salesMap .map ul { position:absolute; top:51%; left:0; width:100%; margin-top:-20px; 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%; }
/*매출구성 수정 2022-04-18*/
.salesMap .map ul li:nth-child(2){ position: relative;left: 1%;}
.salesMap .map ul li:nth-child(3){ position: relative;left: 1%;}
.salesMap .map ul li:nth-child(4){ position: relative;left: 1.2%;}
.salesMap .map ul li:nth-child(5){ position: relative;left: 1%;}


/* 녹색경영 */
.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:50px; 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 10px; }
    .greenInfo1 li:nth-child(2) span { background:url(../../img/sub/green_ico2.png) no-repeat center 10px; }
    .greenInfo1 li:nth-child(3) span { background:url(../../img/sub/green_ico3.png) no-repeat center 10px; }
.greenInfo2 { background:#f7f7f7; padding:25px 30px; text-align:center; margin:20px 0 30px 0; line-height:22px; }
    .greenInfo2 strong {display:block; font-weight:400; font-size:16px; }
    .greenInfo2 span { letter-spacing:0; }
.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; }
    .greenInfo3 li > em strong { display:block; font-weight:400; margin-bottom:3px; }

/* 나눔경영 */
.shareBox { }
.shareInfo1 { display:table; width:100%; margin:15px 0 0 0;}
.shareInfo1 li { display:table-row; }
    .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:#f9f9f9; border-radius:100%; margin:5px 10px; }
    .shareInfo1 li span em img { width:60px; margin-top:15px; }
.shareInfo1 li dl { padding:10px 15px 10px 0; }
.shareInfo1 li dl dt { }
    .shareInfo1 li dl dd { padding-left:15px; background-position:5px 10px; }
.shareInfo2 { display:table; width:100%; }
.shareInfo2 li { display:table-row; }
    .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;}



/* 공통 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-weight:200; color:#a1a1a1; line-height:14px; }
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 .fromFile { position:relative; }
    ul.userForm > li .fromFile input[readonly] {border-bottom:1px solid #b7b7b7;}
    ul.userForm > li .fromFile a { display:inline-block; width:100%;height:100%; }
    ul.userForm > li .fromFile i { position:absolute; right:15px; top:0; font-size:16px; line-height:39px; }
ul.userForm > li .fromTxtArea { 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; }
    ul.userForm > li .formNY a i { display:none; }
ul.userForm > li .formNY a:first-child { border-top-left-radius:7px;border-bottom-left-radius:7px; }
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; }
    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;}

/* 제품 외 상단검색 */
.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:0; width:39px;height:39px; background:url(../../img/common/ico_search.png) no-repeat center center; background-size:17px; }
 
/* 공통 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 20px 30px 20px; }
.tabMenuWrap.sec.swiper-container {padding:10px 20px 30px 20px; }
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;font-weight:400; height:25px; line-height:25px; color:#959595; margin-left:15px; word-break:keep-all; white-space:nowrap; }
    ul.tabMenu li:first-child a { margin-left:0px; }
    ul.tabMenu li.on a { color:#5da62b; border-bottom:1px solid #5da62b; }
.tabTop { }
.tabTop ul { display:table; table-layout:fixed; width:100%; }
.tabTop li { display:table-cell; text-align:center; height:45px; padding:0 15px; 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:400; }
.tabTop li.on a { border-bottom:1px solid #f05a5b; }

/* 리스트 */
.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; }
.listType2 li span.num { font-weight:400; color:#cccccc; font-size:16px; position:absolute; left:0; top:0; letter-spacing:0; }
.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; }

/* 라인 */
.lineType1 {height:1px; font-size:0px; border-top:1px dashed #e1e1e1; }

/* 버튼 */
.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); }
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); }


/* 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;}

/*펫*/
	.pet_container {max-width: 600px;margin: 0 auto;letter-spacing: -0.7px;}
    .pet-gray-box {width: 100%;background-color: #ccc;height: fit-content; display: flex;align-items: center;justify-content: center;margin-bottom: 16px;color: #666;font-size: 14px;}
    .pet-gray-box img{width:100%;}
    .pet_products_intro strong{font-weight:700;}
    h1.pet_title {width: 100% !important;font-size: 1.5rem!important;color: #007d6c!important;margin-bottom: 8px!important;font-weight: bold!important;text-align: left !important;margin: 0 !important;left: 0 !important;}
    h2.pet_lists{font-size:1rem;margin: 24px 0 8px;font-weight: bold;letter-spacing: -0.7px;}
    h3.marketing_title {font-size: 1rem;margin: 8px 0 8px;font-weight: bold;letter-spacing: -0.7px;}
    p.pet_date{margin-bottom: 8px;font-size: 0.8rem;line-height: 1.4;letter-spacing: -0.7px;color: rgb(35 35 36 / 100%);}
    .IGSC-lineup-list {margin-bottom: 16px;letter-spacing: -0.7px;display: grid;grid-template-columns: repeat(2, 1fr);}
    .IGSC-lineup-item {padding: 5px;margin-bottom: 8px;border-radius: 4px;letter-spacing: -0.7px;}
    .IGSC-feature{font-weight: 500;}
    .feature-bg {position: relative;background-image: url('../../img/jp/product_bg.png'); padding: 16px;margin-bottom: 16px;background-size: cover;background-attachment: scroll;
    background-repeat: no-repeat;background-position: center;padding: 16px;margin-bottom: 16px;height: 820px;}
    .feature-bg li{list-style: none; font-size: 0.85rem;}
    .feature-table {width: 100%;border-collapse: collapse;margin-top: 8px;}
    .feature-table th,.feature-table td {font-size: 0.8rem;}
    .feature-table td {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;padding:3px;}
    .feature-table td:first-child{text-align:center;}
    .feature-table td:last-child{border-right:none;}
    .feature-table th {background-color: #00A19A;font-weight: 600;color: #fff;padding: 7px;border-right: 1px solid #ddd;}
    .feature-table th:last-child{border-right: none;}
    strong{font-size: 0.9rem;letter-spacing: normal;}
    .pet-date{font-weight: 500;font-style: normal;color: rgb(35 35 36 / 80%);font-size: 0.85rem;margin-left: 4px;}
    .igsc_img{margin-right: 15px;}
    .IGSC-title{font-weight: 600;padding-top: 6px;display: block;}
    .feature-table-img{position: absolute;width: 100%;right: 0;}
	.marketing_contxt img{border-radius: 4px; margin-top: 30px;}