/* common */
/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Titillium Web', sans-serif;
*/

#subContents { padding:98px 0 0 0;}
ul::after {content: ""; display: block; clear: both;}
/* 서브비주얼 */
#sv { height:659px; background-size:cover !important; line-height:1.4;}
#sv > div { height:100%; }
#sv .txt { color:#fff; position:absolute; left:0; bottom:-10px;}
#sv .txt span { font-size:20px; }
#sv .txt p { font-family: 'Kanit', sans-serif; font-weight:600; font-size:150px; text-transform:uppercase; line-height:0.8;}
#sv .txt p:before { content:""; width:273px; height:1px; background:rgba(255,255,255,0.5); display:block;  margin:24px 0;}
#sv .txt p span { font-size:110px; display:block;  }
.sv01 { background:url("/img/sub/sv01.jpg") no-repeat center;}
.sv02 { background:url("/img/sub/sv01.jpg") no-repeat center;}
.sv03 { background:url("/img/sub/sv01.jpg") no-repeat center;}
.sv04 { background:url("/img/sub/sv01.jpg") no-repeat center;}
.sv05 { background:url("/img/sub/sv01.jpg") no-repeat center;}


/* lnb */
#lnb { text-align:center; border-bottom:1px solid #e1e1e1;}
#lnb ul { display:inline-block;}
#lnb ul:after { content:""; display:block; clear:both; }
#lnb ul li { float:left; text-align:center; margin-right:90px;}
#lnb ul li:last-child { margin:0;}
#lnb ul li a { display:block; padding:30px 0; position:relative;}
#lnb ul li.on a { color:#c61821; }
#lnb ul li.on a:after { content:""; width:100%; height:1px; background:#c61821; display:block; position:absolute; left:0; bottom:-1px;}
#lnb ul li .depth3 {display: none;}

/* tab (products 한정)  */
.tab {position: relative; width: 1200px; margin: 0 auto 80px; border: 1px solid #d7d7d7; border-width: 1px 0;}
.tab.on {position: fixed; top: 85px; left: 0; width: 100%; background: #fff; padding: 10px 0; box-sizing: border-box; z-index: 1;}
.tab_list {}
.tab_list ul {text-align: center; background: #fff;}
/* .tab_list ul.depth3_4::before {content: ""; position: absolute; top: 49%; left: 0; width: 100%; height: 1px; background: #d7d7d7; z-index: 1;} */
.tab_list ul li {display: inline-block;  margin-right: 70px;}
.tab_list ul li a {display: block; position: relative; padding: 25px 0; background: #fff; font-size: 18px; font-weight: 500; color: #333;}
.tab_list ul li.on a {color: #c61821;}
.tab_list ul li.on a::before {content: ""; position: absolute; top: -2px; left: 0; width: 100%; height: 3px; background: #c61821;}
.tab_list ul li.on a::after {content: ""; position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); border-top: 5px solid #c61821; border-left: 5px solid transparent; border-right:  5px solid transparent; border-bottom:  5px solid transparent;}
.tab_list ul li:last-child {margin-right: 0;}
.tab_list .depth3_4 li:nth-child(6) {margin-right: 0;}

.m_tab {display: none; position: relative; width: 400px; height: 50px; margin: 0 auto; line-height: 50px; border: 1px solid #c72127; text-align: center; font-size: 20px; font-weight: 500; color: #c72127; box-sizing: border-box; cursor: pointer;}
.m_tab span {position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}





/* 페이지 타이틀 */
.pageTit { text-align:center; margin-bottom:78px;}
.pageTit:after { content:""; width:100px; height:3px; background:#c61821; display:block; margin:87px auto 0;}
.pageTit h3 { font-size:50px; color:#333; font-weight:700; font-family: 'Kanit', sans-serif; background:url("/img/sub/tit_bg.png") no-repeat center top; padding-top:53px; text-transform:uppercase;}
.pageTit.products {margin-bottom: 0;}
.pageTit.products::after {background: transparent;}


/* 인사말 */
.red_color { color:#c61821 !important;}
.bg_gray { background:#f5f5f5 !important;}
strong { font-weight:500 !important;}
#greeting .top { text-align:center; position:relative; z-index:10;}
#greeting .top dl dt { font-size:60px; color:#333; font-family: 'Kanit', sans-serif; font-weight:900;}
#greeting .top dl dd { font-size:18px; line-height:1.4; margin-top:13px;}
#greeting .top .img { margin-top:60px;}
#greeting .top .img img { width:auto; max-width:100%; }
#greeting .top:after { content:url("/img/sub/dots_icon.png"); position:absolute; left:50%; bottom:-22px; z-index:100;
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}

#greeting .txt { padding:236px 0; margin-top:-100px; position:relative;}
#greeting .txt dl { color:#333; padding:0 8.33333333333%;}
#greeting .txt dl dt { font-size:47px;  line-height:1.3;     letter-spacing: -4px; font-weight:300;}
#greeting .txt dl dd { margin-top:90px;}
#greeting .txt dl dd p { line-height:1.6; font-size:18px;  font-weight:300; margin-bottom:30px;}
#greeting .txt dl dd p:last-child { margin:0; }
#greeting .txt .ceo {  text-align:right; margin-top:100px;}
#greeting .txt .ceo p { font-size:18px; }
#greeting .txt .ceo p strong { font-size:26px; display:inline-block; margin-left:20px; letter-spacing:10px;}

/* 회사 연혁 */
.history {padding-bottom: 55px; background: url("/img/sub/bg_history.jpg")no-repeat center 55px;}
.history .inner2 > .title {position: relative; height: 480px; margin: 0 auto; background:url("/img/sub/img_history_main.jpg")no-repeat center center; text-align: center;}
.history .inner2 > .title .text {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; color: #fff; text-shadow: 0 0 20px rgba(0,0,0,.5);}
.history .inner2 > .title .text h4 {padding-bottom: 25px;  font-family: "Kanit"; font-size: 60px; font-weight: 500;  }
.history .inner2 > .title .text p {line-height: 26px; font-size: 18px; text-transform: uppercase;}
.history .inner2 > .title .img img {width: 100%;}

.timeline {width: 100%; position: relative;}
.timeline:before {content: "";display: block;width: 1px; height: 95%; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); background-color: #ebebeb;}
.timeline .head {position: relative; top: -90px; width: 210px; height: 210px; margin: 0 auto; background: #fff; border-radius: 50%; box-shadow: 4px 4px 4px rgba(0,0,0,.2);}
.timeline .head img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.timeline h4 {width: 120px; height: 120px; margin: 0 auto 60px; line-height: 120px; background-color: #fff; border: 1px solid #c9b875; border-radius: 50%; text-align: center; font-family:'NanumSquare'; font-weight: 600; font-size: 26px; color: #c9b875;}
.timeline > ul:after {content: ""; display: block; clear: both;}
.timeline > ul > li {display: inline-block; width: 100%; position: relative; padding-bottom: 80px; color: #333;}
.timeline > ul > li dl {float: left; position: relative; width: 50%;}
.timeline > ul > li dl dt {position: absolute; top: 50%;  transform: translateY(-50%); padding-bottom: 10px; font-family: "Kanit"; font-size: 72px; font-weight: 500; color: #aaa;}
/* .timeline > ul > li dl dd {position: relative;} */
.timeline > ul > li dl dd > div {position: relative; display: table; width: 100%; height: 40px; margin-bottom: 5px; box-sizing: border-box;}
.timeline > ul > li dl dd > div span {position: absolute; top: 0; width: 40px; height: 40px; line-height: 40px; background: #c72127; border-radius: 50%; text-align: center; font-family: "Roboto"; font-size: 18px; color: #fff;}
.timeline > ul > li dl dd > div span::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1px; height: 80px; background: #c72127;}
.timeline > ul > li dl dd > div p {display: table-cell; vertical-align: middle; font-size: 17px; color: #666;}

.timeline > ul > li:nth-child(odd) dl {float: right; text-align: left;}
.timeline > ul > li:nth-child(odd) dl dt {left: -200px;}
.timeline > ul > li:nth-child(odd) dl dd > div {padding-left: 45px;}
.timeline > ul > li:nth-child(odd) dl dd > div span {left: 0; transform: translate(-50%);}
.timeline > ul > li:nth-child(even) dl {float: left; text-align: right;}
.timeline > ul > li:nth-child(even) dl dt {right: -200px;}
.timeline > ul > li:nth-child(even) dl dd > div {padding-right: 45px;}
.timeline > ul > li:nth-child(even) dl dd > div span {right: 0; transform: translate(50%);}




.timeline > ul > li div span {position: absolute; top: 0; font-size: 17px; font-weight: 500;}
.timeline > ul > .left div span {right: 57.5%;}
.timeline > ul > .right div span {left: 57.5%;}
.timeline > ul > .left div:before {right: 50%; }
.timeline > ul > .right div:before {left: 50%; }
.timeline > ul > li div dl {letter-spacing: -1px; color: #666;}


/* 경영철학 및 비전 */
.title1 {padding-bottom: 75px; text-align: center; text-transform: uppercase; font-family: "Kanit"; font-size: 18px; font-weight: 700; color: #c72127;}
.management {padding-bottom: 75px;}
.management .list {text-align: center;}
.management .list ul {display: inline-block;}
.management .list ul li {float: left; position: relative; width: 340px; height: 340px; border: 15px solid rgba(0,0,0, .1); border-radius: 50%; text-align: center; box-sizing: border-box;}
.management .list ul li:first-child {right: -50px;}
.management .list ul li:last-child {left: -50px;}
.management .list ul li:first-child::before {content: ""; position: absolute; top: 50%; right: 100%; transform: translateY(-50%); width: 120px; height: 1px; background: #ebebeb;}
.management .list ul li:first-child::after {content: ""; position: absolute; top: 50%; left: -120px; transform: translateY(-50%); width: 17px; height: 17px; background: #ebebeb; border-radius: 50%;}
.management .list ul li:last-child::before {content: ""; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); width: 120px; height: 1px; background: #ebebeb;}
.management .list ul li:last-child::after {content: ""; position: absolute; top: 50%; right: -120px; transform: translateY(-50%); width: 17px; height: 17px; background: #ebebeb; border-radius: 50%;}
.management .list ul li .img {width: 55px; height: 50px; margin: 70px auto 20px;}
.management .list ul li dl dt {padding-bottom: 20px; font-size: 40px; font-weight: 700; color: #c72127;}
.management .list ul li dl dd {font-size: 20px; color: #333;}

.bg_text_center {position: relative; height: 550px; margin-bottom: 80px; background: url("/img/sub/bg_vision.jpg")no-repeat center center;}
.bg_text_center .inner2 {height: 100%;}
.bg_text_center .title {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,.8);}
.bg_text_center .title h4 {padding-bottom: 20px; font-family: "Kanit"; font-size: 48px; font-weight: 600;}
.bg_text_center .title p {font-size: 30px; line-height: 36px;}

.vision_area {padding-bottom: 140px;}
.vision_area .symbol_list {position: relative; margin-left: 70px;}
.vision_area .symbol_list .circle {width: 420px; height: 420px;}
.vision_area .symbol_list .circle .outside {width: 100%; height: 100%; border: 20px solid #f5f5f5; border-radius: 50%; box-sizing: border-box;}
.vision_area .symbol_list .circle .inside {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%; height: 75%; border: 1px solid #e3e3e3; border-radius: 50%;}
.vision_area .symbol_list .circle .inside img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.vision_area .symbol_list ul li {position: absolute; padding-left: 250px; width: 100%; box-sizing: border-box;}
.vision_area .symbol_list ul li:nth-child(1) {top: 6%; left: 300px;}
.vision_area .symbol_list ul li:nth-child(2) {top: 50%; left: 390px; transform: translateY(-50%);}
.vision_area .symbol_list ul li:nth-child(3) {bottom: 0; left: 300px;}
.vision_area .symbol_list ul li span {position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; background: #c72127; border-radius: 50%; text-align: center; font-family: "Kanit"; font-size: 18px; font-weight: 700; color: #fff;}
.vision_area .symbol_list ul li span::before {content: ""; position: absolute; top: 50%; left: 100%; transform: translateY(-50%); width: 175px; height: 0; border-top: 1px dashed #c72127;}
.vision_area .symbol_list ul li dl dt {padding-bottom: 15px; font-size: 30px; font-weight: 700; color: #c72127;}
.vision_area .symbol_list ul li dl dd {line-height: 24px; font-size: 20px; color: #333;}

/* 파트너 */
.partner {padding-bottom: 140px;}
.partner .text {margin-bottom: 60px; text-align: center; font-size: 18px; color: #333;}
.partner .list {width: 1000px; margin: 0 auto;}
.partner .list ul li {float: left; width: 33%; margin: 0 .5% 5px 0; border: 1px solid #d7d7d7; box-sizing: border-box;}
.partner .list ul li:nth-child(3n) {margin-right: 0;}
.partner .list ul li .img {position: relative; width: 100%; height: 0; padding-bottom: 31%;}
.partner .list ul li .img img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 90%; max-height: 90%;}

/* 공장소개 */
.desc {line-height: 26px; text-align: center; font-size: 17px; color: #333;}
.factory > .desc {padding-bottom: 80px;}
.factory .img_inside {position: relative; margin-bottom: 90px;}
.factory .img_inside .inner2 > .img img {width: 100%;}
.factory .img_inside .content {position: absolute; bottom: 0; right: 0; overflow: hidden;}
.factory .img_inside .content .text {float: left; padding-top: 80px; padding-right: 20px; line-height: 20px; text-align: right; font-weight: 14px; color: #fff;}
.factory .img_inside .content .img {overflow: hidden;}

.factory h4 {padding-bottom: 30px; text-align: center; font-size: 36px; font-weight: 700; color: #333;}
.factory .process .desc {padding-bottom: 50px;}
.factory .process .pc_view {padding-bottom: 70px;}
.factory .process .pc_view img {width: 100%;}
.factory .process .list {display: none;}
.factory .process .list > ul > li {float: left; position: relative; width: 50%; height: 300px; padding: 0 2%; box-sizing: border-box;}
.factory .process .list > ul > li .num {position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 25px; height: 25px; line-height: 25px; background: #333; border-radius: 50%; text-align: center; color: #fff; z-index: 1;}
.factory .process .list > ul > li .title {display: table; position: relative; width: calc(100% - 34px); height: 68px; margin-bottom: 30px; background: #c61821; text-align: center;}
.factory .process .list > ul > li .title::after {content: ""; position: absolute; top: 0; left: 100%; border-top: 34px solid transparent; border-left: 34px solid #c72127; border-right: 34px solid transparent; border-bottom: 34px solid transparent;}
.factory .process .list > ul > li .title span {display: table-cell; vertical-align: middle; font-size: 18px; font-weight: 500; color: #fff; }
.factory .process .list > ul > li .content {text-align: center; }
.factory .process .list > ul > li .content .img {padding-bottom: 10px;}
.factory .process .list > ul > li .content .img img {max-width: 100%; border: 3px solid #c72127; border-radius: 5px; box-sizing: border-box;}
.factory .process .list > ul > li .content .text {padding-bottom: 10px; font-size: 14px;}
.factory .process .list > ul > li .content ul {display: inline-block;}
.factory .process .list > ul > li .content ul li {position: relative; padding-left: 10px; text-align: left;}
.factory .process .list > ul > li .content ul li::after {content: "·"; position: absolute; top: 0; left: 0;}

.factory .product {padding: 30px 0 190px; background: url("/img/sub/bg_factory.jpg")no-repeat 0 0;}
.factory .product .inner2 {overflow: hidden;}
.factory .product .title {position: relative; width: 415px; height: 50px; margin: 0 auto 65px; line-height: 50px; background: #333; text-align: center; font-size: 24px; font-weight: 700; color: #fff;}
.factory .product .title::before, .factory .product .title::after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background: #d7d7d7;}
.factory .product .title::before {right: 100%;}
.factory .product .title::after {left: 100%;}
.factory .product .list ul {max-width: 1000px; margin: 0 auto;}
.factory .product .list ul li {float: left; width: 32.666%; height: 360px; margin-right: 1%; margin-bottom: 40px; text-align: center;}
.factory .product .list ul li:nth-child(3n) {margin-right: 0;}
.factory .product .list ul li .img {margin-bottom: 30px; border: 5px solid #fff; box-sizing: border-box;}
.factory .product .list ul li .img img {width: 100%;}
.factory .product .list ul li dl {color: #333;}
.factory .product .list ul li dl dt {padding-bottom: 15px; font-size: 16px; font-weight: 500; color: #333;}
.factory .product .list ul li dl dd {font-size: 14px; font-weight: 300; line-height:1.4 }

/* 찾아오시는 길 */
.tab_view > div {display: none;}
.tab_view > div.on {display: block;}
.map .tab_remote {width: 788px; height: 68px; margin: 0 auto 80px; line-height: 68px; text-align: center;}
.map .tab_remote > div {float: left; width: 50%; height: 100%; background: #c1c1c1; font-size: 22px; color: #fff; cursor: pointer;}
.map .tab_remote > div.on {background: #333;}

.map .list ul li {margin-bottom: 80px;}
.map .list ul li::after {content: ""; display: block; clear: both;}
.map .list ul li .map_area {float: left; width: calc(54% - 2px); height: 440px; margin-right: 2px;}
.map .list ul li .info {float: left; width: 46%; height: 440px; padding: 75px 60px 0 75px; border: 3px solid #f5f5f5; box-sizing: border-box;}
.root_daum_roughmap {width: 100%!important;}
.map_area .root_daum_roughmap .wrap_map {height: 440px;}

.map .list ul li .info h4 {position: relative; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #cacaca; font-size: 30px; font-weight: 700; color: #333;}
.map .list ul li .info h4 span {position: relative;}
.map .list ul li .info h4 span::after {content: ""; position: absolute; position: absolute; left: 0; bottom: -10px; width: 100%; height: 3px; padding-right: 2px; background: #c61821; border-right: 2px solid #fff;}
.map .list ul li .info .info_list dl {padding: 20px 0; border-bottom: 1px dashed #dadada;}
.map .list ul li .info .info_list dl.address {padding: 20px 0 45px;}
.map .list ul li .info .info_list dl.fax {border-bottom: none;}
.map .list ul li .info .info_list dl dt {float: left; position: relative; min-width: 125px; width: 25%; padding-left: 45px; font-family: "Titillium Web"; font-size: 20px; font-weight: 600; color: #c72127; box-sizing: border-box;}
.map .list ul li .info .info_list dl.address dt {width: 100%; padding-bottom: 10px;}
.map .list ul li .info .info_list dl.address dt::before {content: url("/img/sub/icon_address.png");}
.map .list ul li .info .info_list dl.tel dt::before {content: url("/img/sub/icon_tel.png");}
.map .list ul li .info .info_list dl.fax dt::before {content: url("/img/sub/icon_fax.png");}
.map .list ul li .info .info_list dl dt::after{content: ":"; display: inline; padding-left: 20px;}
.map .list ul li .info .info_list dl dt::before {position: absolute; top: 0; left: 0;}

.map .list ul li .info .info_list dl dd {font-family: "Titillium Web"; font-size: 20px; font-weight: 600; color: #333;}
.map .list ul li .info .info_list dl dd::after {content: ""; display: block; clear: both;}
.map .list ul li .info .info_list dl.address dd {padding-left: 45px; line-height: 24px; letter-spacing: -.8px; font-family: "Noto Sans KR";  font-size: 17px; font-weight: 400;}


/* 인재상 */
.person {margin-bottom: 80px;}
.sentence {padding-bottom: 55px; line-height: 46px; text-align: center; font-size: 35px; color: #333}
.sentence i {font-style: normal; font-size: 40px; font-weight: 500;}
.sentence b {font-size: 40px; font-weight: 500; color: #c61821;}

.person .list ul li {margin-bottom: 55px;}
.person .list ul li::after {content: ""; display: block; clear: both;}
.person .list ul li .img, .person .list ul li .text {float: left; width: 50%;}
.person .list ul li .img {position: relative; height: 315px; overflow: hidden;}
.person .list ul li .img img {position: absolute; top: 0; left: 0;}
.person .list ul li:nth-child(even) .img, .person .list ul li:nth-child(even) .text {float: right; text-align: right;}

.person .list ul li .text {padding: 80px 0 0 85px; box-sizing: border-box;}
.person .list ul li:nth-child(even) .text {padding: 80px 85px 0 0;}
.person .list ul li:nth-child(1) .text dl {background: url("/img/sub/bg_person1.png") no-repeat 350px 60%;}
.person .list ul li:nth-child(2) .text dl {background: url("/img/sub/bg_person2.png") no-repeat 100% 0;}
.person .list ul li:nth-child(3) .text dl {background: url("/img/sub/bg_person3.png") no-repeat 350px 60%;}
.person .list ul li .text dl dt {padding-bottom: 10px; font-style: "Kanit"; font-size: 40px; font-weight: 700;color: #c72127;}
.person .list ul li .text dl dt span {font-size: 185px; font-weight: 500;}
.person .list ul li .text dl dd {font-size: 20px; color: #333;}

/* 채용정보 */
.hire .list {height: 800px; padding-top: 115px; background: url("/img/sub/bg_hire.jpg")no-repeat 0 0; box-sizing: border-box;}
.hire .list h4 {padding-bottom: 90px;}
.hire .list ul {position: relative;}
.hire .list ul::before {content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #e1e1e1;}
.hire .list ul li {float: left; position: relative; width: 26%; height: 310px; margin-right: 11%; background: #fff; border-radius: 50%; text-align: center;}
.hire .list ul li:last-child {margin-right: 0;}
.hire .list ul li::after {content: url("/img/sub/icon_black_bg_arrow.png"); position: absolute; top: 50%; right: -28%; transform: translateY(-50%);}
.hire .list ul li:last-child::after {display: none;}

.hire .list ul li .step {padding: 40px 0 50px; font-family: "Kanit"; font-size: 18px; font-weight: 700; color: #c72127;}
.hire .list ul li .step::after {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 30px; background: #c61821;}
.hire .list ul li .img {width: 100px; height: 80px; margin: 0 auto 25px;}
.hire .list ul li .text {font-size: 24px; font-weight: 700; color: #333;}
.hire .list ul li .text span {font-size: 18px; font-weight: 400;}

/* 복리후생 */
.benefit {margin-bottom: 80px;}
.benefit .box_content {position: relative; height: 660px; margin-bottom: 110px; background: url("/img/sub/bg_benefit.jpg")no-repeat center center;}
.benefit .box_content ul li {display: table; position: absolute; width: 50%; height: 50%; background: rgba(0,0,0,.3);}
.benefit .box_content ul li:first-child {top: 0; left: 0;}
.benefit .box_content ul li:last-child {bottom: 0; right: 0;}
.benefit .box_content ul li div {display: table; height: 100%; width: 580px; box-sizing: border-box;}
.benefit .box_content ul li:first-child div {float:right; margin-right: 115px;}
.benefit .box_content ul li:last-child div {margin-left: 115px;}
.benefit .box_content ul li dl {display: table-cell; color: #fff; text-align: center; vertical-align: middle;}
.benefit .box_content ul li dl dt {position: relative; padding-bottom: 20px; margin-bottom: 15px; font-size: 28px;}
.benefit .box_content ul li dl dt::after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70px; height: 1px; background: #c72127;}
.benefit .box_content ul li dl dd {line-height: 28px; font-size: 17px;}

.benefit .list ul li {float: left; position: relative; width: 50%; padding: 0 0 50px 100px; margin-top: 50px; box-sizing: border-box;}
.benefit .list ul li:nth-child(even) {width: 40%; padding-left: calc(10% + 100px);}
.benefit .list ul li:nth-child(-n+2) {border-bottom: 1px solid #ebebeb;}
.benefit .list ul li img {position: absolute; top: 0; left: 0;}
.benefit .list ul li:nth-child(even) img {left: 100px;}
.benefit .list ul li dl {color: #333;}
.benefit .list ul li dl dt {padding-bottom: 20px; font-size: 28px;}
.benefit .list ul li dl dd {line-height: 26px; font-size: 18px; font-weight: 300;}

/****************************** PUBLICIZE ***********************************/
/* 분쟁광물 */
.minerals {padding-bottom: 960px; background: url("/img/sub/bg_minerals.jpg")no-repeat center 100%;}
.minerals .sentence {padding-bottom: 95px;}
.minerals .img_text .inner2::after {content: ""; display: block; clear: both;}
.minerals .img_text .inner2 > div {float: left; width: 50%; color: #333;}
.minerals .img_text .inner2 > .img {text-align: center;}
.minerals .img_text .inner2 > div > img {max-width: 100%;}
.minerals .img_text .text {padding-left: 55px; box-sizing: border-box;}
.minerals .img_text .text p {padding-bottom: 30px; line-height: 26px; font-size: 17px; font-weight: 300;}
.minerals .img_text .text .title {font-size: 30px; font-weight: 500;}
.minerals .img_text .text p b {font-weight: 500;}
.minerals .img_text .text a {display: inline-block; padding: 10px 30px; background: #000; border-radius: 5px; text-align: center; font-size: 12px; color: #e5e5e5;}
.minerals .img_text .text a img {margin-left: 15px; vertical-align: middle;}

/****************************** PRODUCTS ***********************************/
/* common */
.desc_content {margin-bottom: 100px;}
.product_common h4 {padding-bottom: 40px; font-family: "Kanit"; font-size: 40px; font-weight: 600; color: #c72127;}
.product_common h4 span {font-family: "Noto Sans KR"; font-size: 30px; font-weight: 900;}
.product_common h5 {margin-bottom: 30px; font-size: 22px; font-weight: 500; color: #333;}
.product_common .strong {padding-bottom: 30px; line-height: 30px; font-size: 22px; font-weight: 500; color: #333;}
.product_common .desc {padding-bottom: 50px; text-align: left; font-size: 17px; font-weight: 300; color: #555;}
.product_common .desc b {color: #333;}

.num_list {}
.num_list ul li {position: relative; padding-left: 25px; line-height: 26px; font-size: 17px; color: #555;}
.num_list ul li span {position: absolute; top: 0; left: 0;}
.num_list ul li .small {font-style: normal; font-size: 15px; font-weight: 300; color: #555;}

.product_common .product_list {margin-bottom: 100px;}
.product_common .product_list .inner2 {padding-bottom: 45px; border-bottom: 1px solid #d7d7d7;}
.product_common .product_list .title {position: relative; width: 415px; height: 50px; margin: 0 auto 65px; line-height: 50px; background: #333; text-align: center; font-size: 24px; font-weight: 700; color: #fff;}
.product_common .product_list .title::before, .product_common .product_list .title::after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background: #d7d7d7;}
.product_common .product_list .title::before {right: 100%;}
.product_common .product_list .title::after {left: 100%;}
.product_common .product_list .list {width: 1000px; margin: 0 auto;}
.product_common .product_list ul {}
.product_common .product_list ul li {float: left; width: 32.6666%; margin: 0 1% 30px 0;}
.product_common .product_list ul li:nth-child(3n) {margin-right: 0;}
.product_common .product_list ul li .img {margin-bottom: 15px; border: 1px solid #ebebeb; box-sizing: border-box;}
.product_common .product_list ul li .img img {width: 100%;}
.product_common .product_list ul li .head {text-align: center; font-size: 20px; font-weight: 500; color: #333;}

.product_common .product_list .list_title {margin-bottom: 12px; font-size: 20px; font-weight: 500; color: #333;}

.text_content {padding: 0 20px;}
.text_content dt {padding-bottom: 25px; letter-spacing: -1px; font-size: 22px; font-weight: 700; color: #c72127;}
.text_content dd {line-height: 24px;}
.text_content dd strong {display: block; font-size: 20px; font-weight: 500; color: #333;}
.text_content dd p {padding-bottom: 25px; font-size: 16px; font-weight: 300; color: #555;}

.product_common .detail_text_list ul li .img {margin-bottom: 30px;}

.product_common .not_last {margin-bottom: 30px;}

.product_common .one_list ul li {width: auto;}

.product_common .asymmetry_list ul li:first-child {width: 66.6%;}
.product_common .asymmetry_list ul li:last-child {width: 32.4%; margin-right: 0;}

/* .product_common .double_img_list ul li:first-child {width: 32.4%;} */
.product_common .double_img_list ul li:last-child {width: 66.6%; margin-right: 0;}
.product_common .double_img_list ul li:nth-child(4n) {width: 32.4%;}
.product_common .double_img_list ul li:last-child .img_area {overflow: hidden;}
.product_common .double_img_list ul li:last-child .img_area .img {float: left; width: 48.5%;}
.product_common .double_img_list ul li:last-child .img_area .img:first-child {margin-right: 1.7%;}

.product_common .one_img .img {text-align: center;}
.product_common .one_img .img img {max-width: 100%;}

.double_content {overflow: hidden;}
.double_content .desc_content {float: left; width: 50%;}

.product_common .four_list ul li {width: 24.25%;}
.product_common .four_list ul li:nth-child(3n) {margin-right: 1%;}
.product_common .four_list ul li:nth-child(4n) {margin-right: 0;}

/* tpu */
.product_list .only_img ul li {margin: 0 1% 0 0;}

/* ppa */
.ppa .product_list .only_img ul {margin-bottom: 80px;}
.product_list .half_list ul li {width: 49.5%;}
.product_list .half_list ul li:nth-child(3n) {margin-right: 1%;}
.product_list .half_list ul li:nth-child(even) {margin-right: 0;}


/********** super engineering plastics *********/
/* pa12 */
.pa12 .desc_content:first-child .inner4 {padding-bottom: 100px; border-bottom: 1px solid #ccc;}


/* tpi/peek/par */
.tpi .desc_content .inner4 {padding-bottom: 100px; border-bottom: 1px solid #ccc;}
.tpi .desc_content:last-child .inner4 {padding-bottom: 0; border-bottom: none;}


/************* engineering plastics ************/
/* pc alloy */
.pc .desc_content:nth-child(3) .inner4 {padding-bottom: 100px; border-bottom: 1px solid #ccc;}

/* pom */
.pom .desc_content:first-child .inner4 {padding-bottom: 100px; border-bottom: 1px solid #ccc;}


/* special item */
.silicon .desc_content .inner4 {padding-bottom: 100px; border-bottom: 1px solid #ccc;}
.silicon .desc_content:last-child .inner4 {padding-bottom: 0; border-bottom: none;}


/* pest */
.pest .product_list .custom_list ul li {margin-right: 10%;}
.pest .product_list .custom_list ul li:first-child {width: 41%;}
.pest .product_list .custom_list ul li:last-child {width: 49%;}
.pest .product_list .custom_list ul li:nth-child(3n) {margin-right: 10%;}
.pest .product_list .custom_list ul li:nth-child(even) {margin-right: 0;}
.pest .product_list .custom_list ul li .img {border: none;}

/* idp */
.idp .text_content {text-align: center;}
.idp .text_content dd strong {padding-bottom: 25px;}


/* 영구대전방지제 (컴파운드) */
.material_idp .product_list ul li .head {font-size: 22px; font-weight: 700; color: #c72127;}


/* olnica, 항균제 */
.gray .product_list .list {padding: 50px 0; background: #f8f8f8; border: 1px solid #ebebeb; box-sizing: border-box;}
.gray .product_list .list ul {width: 840px; margin: 0 auto;}
.gray .product_list .list ul li {width: 100%;}
.gray .product_list .list ul li .img_area {overflow: hidden;}
.gray .product_list .list ul li .img_area .img {float: left; width: 32.666%; margin-right: 1%;}
.gray .product_list .list ul li .img_area .img:last-child {margin-right: 0;}
.gray .product_list .list ul li .img_area .img img {width: 100%;}
.gray .product_list ul li .head {font-size: 22px; font-weight: 700; color: #c72127;}
.gray .product_list .list ul .half .img_area .img {float: left; width: 49.5%; margin-right: 1%;}


.antibacterial .reference {position: relative; font-weight: 300;}
.antibacterial .reference::before {content: "-"; position: absolute; top: 0; left: -20px;}
.antibacterial .product_list .list ul li {margin-bottom: 0;}
.antibacterial .product_list .list ul li .img_area .img {border: none;}
.antibacterial .product_list .list ul li .img_area .img {margin-bottom: 0;}
.antibacterial .product_list .list ul li .img_area .img:last-child {padding-top: 10px;}

/* techmology */
.mpa .product_list .inner2 {border-bottom: none;}


/* 게시판 공통 */
.common_board > .inner2 {margin-bottom: 100px;}